CSS使单行的文字和图片垂直居中对齐
2012-07-12 13:45
267 查看
【HTML】
<DIV class="line">
<img src="icon.png"> some text
</DIV>
【CSS】
.line {
height:30px;
line-height:30px; /*设置line-height和height一致，可以使行内的文本垂直居中对齐 */
}
.line * {
verticle-align:middle;
}
<DIV class="line">
<img src="icon.png"> some text
</DIV>
【CSS】
.line {
height:30px;
line-height:30px; /*设置line-height和height一致，可以使行内的文本垂直居中对齐 */
}
.line * {
verticle-align:middle;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 小技巧：用CSS如何实现单行图片与文字垂直居中
- 摘抄:CSS如何实现单行图片与文字垂直居中
- 小技巧：用CSS如何实现单行图片与文字垂直居中
- 用CSS如何实现单行图片与文字垂直居中
- CSS---图片、文字垂直居中对齐
- CSS如何让同一行的图片和文字垂直居中对齐（FF，Safari,IE都通过）
- CSS如何让同一行的图片和文字垂直居中对齐（FF，Safari,IE都通过）
- 【CSS】单行图片与文字垂直居中
- css使 同一行内的 文字和图片 垂直居中对齐?
- css 单行文字 图片垂直居中
- CSS 实现文字、图片垂直对齐(vertical-align)
- css 图片和文字同时垂直居中
- iOS - UIButton(UIEdgeInsets)／设置button上的文字和图片上下垂直居中对齐
- 纯css实现文字及图片水平垂直居中
- 让图片和文字 在同 一个td垂直居中对齐
- css-文字和图片在容器内垂直居中的简单方法
- CSS大小不固定的图片和多行文字的垂直水平居中
- 元素，单行文字或多行文字，图片 之 水平垂直居中的方法大全及例子分析
- iOS - UIButton(UIEdgeInsets)／设置button上的文字和图片上下垂直居中对齐
- CSS 图片+文字，文字垂直居中问题