css设置垂直居中
2016-09-29 16:59
225 查看
1.单行文字垂直居中
设置line-height的高度和height高度一致。
2.多行文字垂直居中
.father{display:table;height:400px; }
.son{vertical-align:middle; display:table-cell;vetical-align:middle};
3.父标签采用百分比,内容垂直居中
.father{display:table}
.son{display:table-cell;vetical-align:middle};
设置line-height的高度和height高度一致。
2.多行文字垂直居中
.father{display:table;height:400px; }
.son{vertical-align:middle; display:table-cell;vetical-align:middle};
3.父标签采用百分比,内容垂直居中
.father{display:table}
.son{display:table-cell;vetical-align:middle};
相关文章推荐
- 七种css方式让一个容器水平垂直居中
- css解析原理
- css3更改radio的颜色和样式
- Notification(Notification的通知栏常驻、Notification的各种样式、Notification点击无效)
- CSS3实现加载中效果
- CSS3实现阴阳鱼
- css左右上下布局
- 安卓全局修改TextView字体样式
- css控制一个div在其父级的div垂直居中显示
- 纯css单选框
- CSS盒子模型(简要了解)
- angular在通过ng-class来改变样式
- css 单位转换
- ExtJs 实现点击修改DOM样式 增删clssName
- web前端-HTML CSS-009
- 微软雅黑 在css里怎么写
- css布局模型
- CSS Hack集结号
- 谈CSS的设计模式
- CSS清除浮动