文字垂直居中的方法记录
2017-03-23 17:42
260 查看
1、给个行高
2、多行文本固定高度垂直居中
<div class="wrapper">
<div class="content">content age</div>
</div>
2、多行文本固定高度垂直居中
<div class="wrapper">
<div class="content">content age</div>
</div>
.wrapper{
height:400px;
display:table;
}
.content{
vertical-align:middle;
display:table-cell;
border:1pxsolid#FF0099;
background-color:#FFCCFF;
width:760px;
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 实现Div层里的文字垂直居中的方法
- 图片和文字垂直居中的方法
- div垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- css-文字和图片在容器内垂直居中的简单方法
- IE9不支持CSS line-height的文字垂直居中解决方法
- 纯css多种方法实现div中单行文字、多行文字及嵌套div垂直水平居中
- 实现icon和文字垂直居中的两种方法－（vertical-align and line-height）
- select 文字垂直居中方法
- 元素，单行文字或多行文字，图片 之 水平垂直居中的方法大全及例子分析
- 表单元素input、按钮、文字完美垂直居中对齐方法
- 在IE8，FF中<select>控件文字垂直居中的处理方法
- Firefox下input button内文字不能垂直居中的解决方法
- 文本垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
- 实现Div层里的文字垂直居中的方法
- 表单元素input、按钮、文字完美垂直居中对齐方法
- 实现Div层里的文字垂直居中的方法
- 让Div里的文字垂直居中的方法
- 对文本垂直居中的一些方法记录
- 图片文字垂直居中的最好方法
- 文字在div中垂直居中的方法，设置div的高度height和行高line-height一致