DIV和SPAN垂直居中对齐
来源:互联网 发布:淘宝客买家怎么查询 编辑:程序博客网 时间:2024/05/17 23:26
水平居中很简单,设置text-align:center就可以了,但是垂直居中一直都不得其解!
以前总是尝试着调padding-top,但是有的时候好使,更多的时候不行,今天同样,当height值不大时,增加padding-top就会增加了整个DIV或者SPAN的高度,很恼火!
正在想理论上vertical-align的默认值应该是baseline啊,不会顶对齐啊,突然想起字体有个line-height属性,于是很显然其默认值就是一个字那么高,于是将line-height值改得和DIV或者SPAN的height相同!
于是,DIV和SPAN中的文字垂直居中对齐了!
以前总是尝试着调padding-top,但是有的时候好使,更多的时候不行,今天同样,当height值不大时,增加padding-top就会增加了整个DIV或者SPAN的高度,很恼火!
正在想理论上vertical-align的默认值应该是baseline啊,不会顶对齐啊,突然想起字体有个line-height属性,于是很显然其默认值就是一个字那么高,于是将line-height值改得和DIV或者SPAN的height相同!
于是,DIV和SPAN中的文字垂直居中对齐了!
后来在百度里面一搜,耐着性子多翻了几页,终于在一个不大论坛里面发现了同样的方法!要是以前能耐心一点不早就搞定这个问题了么,何必还浪费这么多时间?让人又想起了贝尔发明电话的老故事...sigh...不想了!
转载地址:http://zhlwish.blog.sohu.com/19140744.html
0 0
- DIV和SPAN垂直居中对齐
- DIV和SPAN垂直居中对齐的实现方法
- span 垂直居中div
- div内容垂直居中对齐
- span在div内垂直居中
- 学习笔记 div span 垂直居中 + 水平居中
- DIV实现垂直居中对齐的方法
- div内图文垂直居中对齐
- div 垂直居中对齐方法收集
- css div img 垂直居中对齐!
- div中img,span垂直居中的问题
- DIV水平和垂直居中
- DIV水平和垂直居中
- div+css垂直居中和水平居中
- 59、div垂直居中和水平居中
- CSS 水平和垂直居中对齐
- SPAN DIv居中问题
- span内文字垂直居中
- 决战移动电商
- 跨库logmnr挖取日志
- java中volatile关键字的含义
- string.capwords()函数
- ZJU PAT 1013 数素数
- DIV和SPAN垂直居中对齐
- 将私有的jar包导入到maven本地库
- 图(4)--最短路径
- AFNetworking2.0 NSHipster翻译(大牛)
- js地图拖拽功能,定位功能批量分类导入,自动完成搜索
- EClipse中如何添加已经存在的java文件
- 二、ArrayList与Vector的区别
- iOS - 时间戳(时间流) 根据时区转化:
- HDU 4568 Hunter TSP_DP