Simplify the image custom class statement

This commit is contained in:
Cotes Chung 2020-12-18 22:19:41 +08:00
parent 6dc6f2a7cf
commit 557413cc4c
2 changed files with 6 additions and 6 deletions

View File

@ -102,20 +102,20 @@ _400px image width_
- Left aligned
![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"}
![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal}
<br>
- Float to left
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"}
![Desktop View](/assets/img/sample/mockup.png){: width="240" .left}
"A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
<br>
- Float to right
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"}
![Desktop View](/assets/img/sample/mockup.png){: width="240" .right}
"A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
<br>

View File

@ -118,19 +118,19 @@ By default, the image is centered, but you can specify the position by using one
Image will be left aligned in below sample:
```markdown
![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"}
![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal}
```
- **Float to the left**
```markdown
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"}
![Desktop View](/assets/img/sample/mockup.png){: width="240" .left}
```
- **Float to the right**
```markdown
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"}
![Desktop View](/assets/img/sample/mockup.png){: width="240" .right}
```
> **Limitation**: Once you specify the position of an image, it is forbidden to add the image caption.