我知道这很烦人,似乎 CSS 中的垂直对齐是常见的陷阱,但我真的需要你的帮助。
我希望文本始终位于图像左侧的“中间”垂直位置(图像 test.gif 具有不同的尺寸)
我有这样的html元素结构(不幸的是,由于系统限制,我无法更改它)
<div class="wrapper">
<div class="logo">
<img alt="some text" src="http://localhost/test.gif">
</div>
<div class="source">some text</div>
</div>
CSS:
.wrapper {clear: both;}
.logo {float: left;}
.source { float: left;line-height: 16px;}
花了1.5个小时,没有运气。试图将垂直对齐应用于具有不同定位的不同元素等...请帮助!