我知道这个问题已经被问过很多次,但是在搜索过程中没有任何方法适用于我。
你知道的,我有一个div元素,需要垂直对齐文本,但是没有任何方法适用(例如:position:absolute;top:50%;margin-top:-x;display:table-cell;vertical-align:middle;等等)。
这是我正在使用的东西(对于内联CSS我很抱歉)。无论如何,我会使用行高,但文本可以为一行或两行。它应该与图像垂直对齐,图像始终具有最大高度为30px(30x50)。
<div style="margin:0 0 10px 0;padding:10px;border:2px solid #606060;background-color:#2b2b2b;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;">
<div style="float:left;width:55px;height:40px;">
<a href="link"><img style="max-width:50px;border:1px solid #ffb92c;" src="image.jpg" alt="" /></a>
</div>
<div style="float:right;width:155px;font-size:0.7em;height:40px;">
<a href="link">This is the text to vertically align</a>
</div>
</div>
CSS
吗?这让回答变得很麻烦... - Phil