关于vertical-align:middle的不居中问题
2014-04-15 23:31
375 查看
今天在论坛上看到一个家伙说写了vertical-algin:middle,并没有使文字居中,我仔细思考了下,没有得到什么结果,然后就谷歌了下,哈哈
w3c对vertical-align的说明
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。所以嘛,得出两个方法
1.display:table-cell,这样以表格展现就可以使用vartical-align属性了
2.加一个宽度为1px高度100%的空span,使要居中的对象相对span垂直居中
相关文章推荐
- vertical-align:middle在表单,img与文字实现垂直居中问题
- vertical-align:middle居中,Firefox中换行问题
- vertical-align:middle在表单,img与文字实现垂直居中问题
- 关于背景图相对父容器垂直居中问题 —— vertical-align 和 line-height 之间的区别
- vertical-align:middle图片或者按钮垂直居中
- 关于垂直居中vertical-align
- vertical-align: middle;垂直居中精髓
- 利用vertical-align:middle实现在整个页面居中
- 使用display:table-cell 和 vertical-align:middle 不定宽高图片居中于容器
- 关于text-align无法居中的问题
- CSS实现垂直居中,vertical-align:middle怎么用
- 利用vertical-align:middle垂直居中
- 利用vertical-align:middle实现垂直居中对齐
- 利用vertical-align:middle垂直居中
- 关于 vertical-align:middle 的误解
- 关于vertical-align:middle使用详解
- 利用vertical-align:middle垂直居中
- 利用vertical-align:middle实现行内元素的水平垂直居中对齐
- 利用vertical-align:middle实现行内元素的水平垂直居中对齐
- 你的元素居中对齐了吗?——关于 'text-align:center' 的问题