关于文字的垂直居中

今天算是把一个页面做完了
虽然是模仿,但始终就是自己一点一点写的
现在,谈谈感想
在写的过程中,参考了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的学习就到此为止

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值