CSS 文本垂直对齐到图像中间
可能的重复：
如何垂直对齐旁边的文本带有 CSS 的图像？
我很难将 div 中的跨度垂直居中 居中。
这个简单的代码： http://jsfiddle.net/4hDTb/
HTML：
<div class="bar">
<span>Simple text</span>
<img src="" class="img1" />
<span>Another text</span>
<img src="" class="img2" />
</div>
CSS：
.bar
{
width: 100%;
height: 50px;
border: 1px black solid;
}
.img1
{
width: 100px;
height: 50px;
border: 1px black solid;
}
.img2
{
width: 200px;
height: 50px;
border: 1px black solid;
}
如何居中 s 位于 div.bar 垂直中间？
Possible Duplicate:
How do I vertically align text next to an image with CSS?
I have difficulties to center spans vertically middle in div.
This simple code: http://jsfiddle.net/4hDTb/
HTML:
<div class="bar">
<span>Simple text</span>
<img src="" class="img1" />
<span>Another text</span>
<img src="" class="img2" />
</div>
CSS:
.bar
{
width: 100%;
height: 50px;
border: 1px black solid;
}
.img1
{
width: 100px;
height: 50px;
border: 1px black solid;
}
.img2
{
width: 200px;
height: 50px;
border: 1px black solid;
}
How to center <span>s in div.bar vertically middle?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
只需添加
img{vertical-align:middle}。这是您想要对齐的图像，而不是文本。just add
img{vertical-align:middle}. it's the image you would want to align, not the text.如果您知道容器的高度 - 您可以使用
line-heighthttp:// /jsfiddle.net/4hDTb/3/ 检查小提琴..if you know the height of the container -- you can use
line-heighthttp://jsfiddle.net/4hDTb/3/ check the fiddle..