gpt4 book ai didi

javascript - 如何在div中对齐文本和图像垂直居中

转载 作者:太空宇宙 更新时间:2023-11-04 05:10:37 27 4
gpt4 key购买 nike

如何对齐文本和图像垂直对齐中间??

jsfiddle 演示在这里:http://jsfiddle.net/j3wDP/

我的 CSS:

.rating{
border: 1px solid red;
font-family: verdana;
font-size: 12px;
width: 180px;
height: 20px;
}
span img{
width: 20px;
height: 20px;
padding: 0px 3px;
}

我的 HTML:

<body>
<div class="rating">Rating <span><img src="like.jpg">233<img src="dislike.jpg">100</span></div>
</body

最佳答案

添加一些属性

span img{  vertical-align:middle;}

参见 DEMO

关于javascript - 如何在div中对齐文本和图像垂直居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9409099/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com