关于文字的垂直居中
来源:互联网 发布:mysql双机热备方案 编辑:程序博客网 时间:2024/05/01 13:14
今天算是把一个页面做完了
虽然是模仿,但始终就是自己一点一点写的
现在,谈谈感想
在写的过程中,参考了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的学习就到此为止
- 关于文字的垂直居中
- 关于文字垂直居中的设置
- 关于DIV内文字垂直居中的写法
- 关于自定义view中的文字垂直居中的问题。
- 关于canvas文字居中的问题,特别是上下居中,垂直居中
- 关于垂直居中的问题
- 关于CSS的垂直居中
- 图片和文字垂直居中的方法
- CSS各种姿势的文字垂直居中
- 图片文字垂直居中的方法
- input中文字的垂直居中
- div中 文字垂直居中的解决方案
- MFC EDIT 文字 垂直居中的方法
- 文字垂直居中的方法记录
- 文字垂直居中效果
- 文字垂直居中
- [转]文字垂直居中
- CSS 文字 垂直 居中
- Java处理大对象Clob、Blob
- BLENDER项目工作日志1
- 素数的快速列举(二)
- Fedora core 4 常见问题及解决详解(100个)
- 一个IP只提示一次设为首页
- 关于文字的垂直居中
- VB.NET中的App
- 硬盘安装fedora4之loadlin法
- 缓冲区溢出原理及防护
- 特殊台
- [转贴]人生的34个好习惯,共勉
- 孔子的英文名字
- Roberto Cipolla
- Linux系统可卸载内核模块完全指南 (ZT)