您好圖像底部我有HTML與直列圖片這樣對齊文本到行與HTML
<p style="">
<img src="df9b4006-930e-45d7-8123-bec019a37800.png" height="178" width="112">text
</p>
但文本是垂直中心到圖像,如何可以定位它在同一行中的圖像的底部基線?
您好圖像底部我有HTML與直列圖片這樣對齊文本到行與HTML
<p style="">
<img src="df9b4006-930e-45d7-8123-bec019a37800.png" height="178" width="112">text
</p>
但文本是垂直中心到圖像,如何可以定位它在同一行中的圖像的底部基線?
p img {vertical-align: baseline;}
這裏是關於垂直對齊方式:https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
我會用vertical-align
和text-bottom
您例如:
p img {
vertical-align: text-bottom;
}
和安迪的解決方案有什麼不同? – wutzebaer
完蛋了。 ..我會交流盡可能地儘可能地使用 – wutzebaer
正如您指出的文檔所指出的,「baseline」是默認值。不知道爲什麼它被設置爲OP的「中間」。 – Anthony
他可能在其他地方設置了其他一些風格。 – andi