admin2/manual_teachbooks
1
0
Fork 0
mirror of https://github.com/TeachBooks/manual.git synced 2026-11-13 14:55:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update figures.md

Browse source
This commit is contained in:
Freek Pols 2024-05-30 13:44:47 +02:00
parent c20b211283
commit 023085dfc7
1 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
book/basic-features/figures.md
View file

@ -23,7 +23,7 @@ For example:
name: demoexample1 name: demoexample1
align: center align: center
--- ---
example 1: width (50%) as percentage, align center example 1: width (70%) as percentage, align center
``` ```
```` ````
@ -34,7 +34,7 @@ width: 70%
name: demoexample1 name: demoexample1
align: center align: center
--- ---
example 1: width (50%) as percentage, align center example 1: width (70%) as percentage, align center
``` ```
Using the name label, you can refer to the figure as done with {numref}`Figure {number} <demoexample1>`. Using the name label, you can refer to the figure as done with {numref}`Figure {number} <demoexample1>`.
@ -65,7 +65,7 @@ align: right
example 2: width (50%) as percentage, align right example 2: width (50%) as percentage, align right
``` ```
Aligning right can come with the potential downside (not always wanted) that text is wrapped around the figure. To avoid this one can use `<div>` elements, both before and after the text (make sure to leave an empty line after the <div>!): Aligning right can come with the potential downside (not always wanted) that text is wrapped around the figure. To avoid this one can use `<div>` elements, both before and after the text (make sure to leave an empty line after the `<div>`!):
```` ````
<div style="clear: both;"> <div style="clear: both;">
@ -79,7 +79,7 @@ Aligning right can come with the potential downside (not always wanted) that tex
name: demoexample3 name: demoexample3
align: right align: right
--- ---
example 3: width (50%) as percentage, align right with div style example 3: width (50%) as percentage, align right with additional div style
``` ```
</div> </div>
@ -97,13 +97,15 @@ width: 50%
name: demoexample3 name: demoexample3
align: right align: right
--- ---
example 3: width (50%) as percentage, align right example 3: width (50%) as percentage, align right with additional div style
``` ```
</div> </div>
<div style="clear: both;"> <div style="clear: both;">
including `figclass: margin` sets the figure to the column at the right. including `figclass: margin` sets the figure to the column at the right.
</div> </div>
```` ````