admin2/manual_teachbooks
1
0
Fork 0
mirror of https://github.com/TeachBooks/manual.git synced 2026-11-12 22:35: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
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
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>`.
@ -65,7 +65,7 @@ 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;">
@ -79,7 +79,7 @@ Aligning right can come with the potential downside (not always wanted) that tex
name: demoexample3
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>
@ -97,13 +97,15 @@ width: 50%
name: demoexample3
align: right
---
example 3: width (50%) as percentage, align right
example 3: width (50%) as percentage, align right with additional div style
```
</div>
<div style="clear: both;">
including `figclass: margin` sets the figure to the column at the right.
</div>
````