html 文字上下垂直居中
生活随笔
收集整理的這篇文章主要介紹了
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>
效果
總結
以上是生活随笔為你收集整理的html 文字上下垂直居中的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： css 伪元素::after与::bef
- 下一篇： 影视分析肖申克的救赎