在文本中使用img标签,默认对齐方式是bottom。
![](https://img.haomeiwen.com/i719742/7fcbf6122c034b13.png)
结论:当图片的align为bottom或middle时,以文本为基准。当图片的align为top时,以父级标签最高处为基准。
1. 当第一个图设为align:bottom
1-1. 第二个图设为bottom
![](https://img.haomeiwen.com/i719742/027ccea0ca118c1a.png)
1-2. 第二个图设为middle
![](https://img.haomeiwen.com/i719742/f347ca55e2aa32d9.png)
1-3. 第二个图设为top
![](https://img.haomeiwen.com/i719742/6309b6725b0b1c3e.png)
2. 第一个图设为middle
2-1. 第二个图设为bottom
![](https://img.haomeiwen.com/i719742/8a7e289f0d734544.png)
2-2. 第二个图设为middle
![](https://img.haomeiwen.com/i719742/c8761c70957a6625.png)
2-3. 第二个图设为top
![](https://img.haomeiwen.com/i719742/9d246497fcef9a84.png)
3. 第一个图设为top
3-1. 第二个图设为bottom
![](https://img.haomeiwen.com/i719742/d6a0f3f652b7df8d.png)
3-2. 第二个图设为middle
![](https://img.haomeiwen.com/i719742/565c0c8b8d7db664.png)
3-3. 第二个图设为top
![](https://img.haomeiwen.com/i719742/a4a7a376af76cea3.png)
网友评论