现在的位置: 首页 > 综合 > 正文

关于文字的垂直居中

2013年10月10日 ⁄ 综合 ⁄ 共 494字 ⁄ 字号 评论关闭

今天算是把一个页面做完了
虽然是模仿,但始终就是自己一点一点写的
现在,谈谈感想
在写的过程中,参考了firefox首页的css
惊叹于他的css结构清晰
注释非常的详细
而且划分也比较清楚,能够将很多重复的属性提取出来,为以后的重复使用带来方便
其次,今天还解决了float的ul居中的问题

最后,说一说关于文字垂直居中
查了一些资料,找到了一些方法
一、line-heigh
将div的line-height设置为div的height
这样,当文字出现在div中时
就自然垂直居中了
但是显而易见
当文字数超过一行时,这个方法就失去了效力
咱是我也没有想到好办法
是不是word wrap可以解决呢
要明天在试一试

二、padding-top
这是我比较喜欢用的方法
直接指定好top的space
不过缺点是需要你自己调整,
因为现在我没有遇到动态输出的文字的居中问题
所以对于这个的弊端体会不是很深刻
待以后再细细研究把
而且如果用padding的话
ie里会非常麻烦
他会把padding的数值计算如width中
这对于页面布局来说
就需要事先计算好各种padding,margin,border and width

今天对于css的学习就到此为止

抱歉!评论已关闭.