html > html学习 >

CSS DIV如何垂直居中文本

2016-07-21 18:55:10 CSS DIV如何垂直居中文本代码

DIV CSS如何垂直居中文本代码，css垂直居中字体代码：

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="content-type" content="text/html;charset=gb2312" /> 
  5. <title>HTML8 实例代码 垂直居中内容</title> 
  6. <style type="text/css"> 
  7. div {height:30px;line-height:30px;border:1px solid red} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <div>垂直居中DIV内内容常见问题大全</div> 
  12. </body> 
  13. </html> 

给容器设置一个与其高度相同的CSS行高就可以了，css line-height垂直居中DIV内内容。为了观察到DIV内固定高度下内容垂直居中，所以设置CSS 边框便于观察垂直居中效果。

相关词： 垂直居中
上一篇：CSS垂直居中对齐文本输入框
下一篇：css list-style-image定位
更新