DIV+CSS架构下 如何使DIV中文字水平和垂直居中
2012-04-05 02:00
525 查看
水平居中实现比较简单,只需使文本对齐方式设为居中即可,代码如下:
垂直居中可能稍微麻烦一点,需要调节文字line-height与div框架的高度相同, overflow:hidden;是为了防止溢出后会超出边框而设的隐藏属性,代码如下:
div.content{ text-align:center; }
垂直居中可能稍微麻烦一点,需要调节文字line-height与div框架的高度相同, overflow:hidden;是为了防止溢出后会超出边框而设的隐藏属性,代码如下:
div.content{ width:200px; height:30px; font-size:16px; line-height:30px; overflow:hidden; }
相关文章推荐
- 【div+css】两个div,如何让内层的div在外层div中水平垂直居中
- css中如何使div居中(垂直水平居中)
- div中文字水平和垂直居中的css代码
- css中如何使div居中(垂直水平居中)
- css中如何使div居中(垂直水平居中)
- 如何使div垂直水平居中的css代码
- css中如何使div居中(垂直水平居中)
- html中div如何水平和垂直居中的几种css方法代码
- css让一个div水平垂直居中方法大全
- 行内元素和块元素的水平和垂直居中(div与css)
- 【转】如何让DIV水平和垂直居中
- 如何让DIV相对于body水平和垂直居中
- 如何让div水平垂直居中
- div+css水平和垂直居中
- HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结
- 采用CSS让DIV在网页中水平垂直居中
- Css+Div 水平垂直居中
- 纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- 如何将一个div水平垂直居中?4种方法做推荐
- 关于css中两层div的水平垂直居中问题