CSS字体水平 垂直居中
2019-06-01 13:40
801 查看
.showMsg{ width: 300px; height: 50px; border: 1px solid; /* 文字居中 */ text-align: center; /* 字体垂直居中 */ display: table-cell; vertical-align: middle; }
看样式中 display: table-cell ,作为表格单元格显示,如此一来, vertical-align:middle 属性起作用了。去掉display可就不行。
也可以使用如下样式:
line-height: 50px;
只要确保联合height的px相等,即可实现垂直居中效果。
相关文章推荐
- CSS字体水平垂直居中
- CSS字体垂直、水平居中
- 利用css将文字和图片水平垂直居中显示
- 宽度高度不固定的div如何水平居中与垂直居中(转)
- css垂直水平居中的整理
- html5垂直水平居中
- 元素水平垂直居中的几种方法
- 水平居中与垂直居中
- 未知大小的图片在div中水平垂直居中(拒绝使用table-cell)
- CSS水平居中和垂直居中的各种方法
- 水平垂直居中的方法及其优缺点
- 设置一个层同时水平垂直居中
- div水平与垂直居中
- 公司的一个面试题:如何用css让一个容器水平垂直居中?
- Android studio最新水平居中和垂直居中(全)
- CSS布局——DIV水平居中和垂直居中
- 垂直,水平居中代码,自用
- css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中,能自适应浏览器缩放。
- 对于PC和mobile 水平垂直居中适配
- 我的Android笔记(2)--利用FontMetrics获取文本字符串的宽高 实现水平居中 垂直居中