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

标签 javascript css

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

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/

相关文章:

javascript - 什么是 Angular 中的工厂

css - 你如何在 Angular.js 中基于 css 类进行过滤?

html - 如何使选择框跨越 div、rails 4、bootstrap 的剩余宽度

html - 更改另一个 anchor 项的 "click"上的 anchor 属性

html - fixed top :0 right:0 item is not correctly showed on mobile when virtual keyboard is there,如何修复?

javascript - 2 个 process.nextTicks 是否在同一个刻度(也称为帧)上运行?

Javascript 动态创建 anchor 标记不起作用

javascript - 为什么在以下情况下我不能在输入中输入小数值

javascript - 幻灯片故障 - 调试帮助

javascript - 如何移动谷歌地图的中心位置