使用CSS将文本垂直对齐到图像中央。

27 浏览
0 Comments

使用CSS将文本垂直对齐到图像中央。

这个问题已经有了答案

可能是重复问题:

如何使用CSS使文本与图像垂直对齐?

我在将垂直居中时有困难。

这是一个简单的代码: http://jsfiddle.net/4hDTb/

HTML:

    Simple text
    
    Another text
    

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 中?

admin 更改状态以发布 2023年5月22日
0
0 Comments

如果您知道容器的高度 - 您可以使用 line-height http://jsfiddle.net/4hDTb/3/ 检查fiddle ..

0
0 Comments

只需添加img { vertical-align: middle }。对齐的应该是图片,而不是文字。

0