html 文字上下垂直居中
只是文字的是话可以考虑使用line-height,,,,
当把 line-height 的高度设置和 height 高度一样就能使 文字垂直居中
一段简单的代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{ margin: 0; } #first{ width: 100%; height: 50px; background: #e5e5e5; line-height: 50px; } .me{ font-size: 18px; color: #000000; } </style> <body> <div id="first"> <span class="me">我是谁</span> </div> </body> </html>
效果图:
更多web前端相关知识,请查阅 HTML中文网 !!
以上就是html中如何让文本上下垂直居中?的详细内容,更多请关注0133技术站其它相关文章!