css - 在 Div 中间居中文本

Question

我试图将时间置于 div 的中心。我知道我正在使用内联 CSS 控制它。我想两者都可以。

基本上只是尝试在 div 中间对齐文本 - vertical-align: middle; - 不工作。图像是当前外观 - 你可以看到它已关闭...

想法？

  <div style="top: 50%; position: relative; font-family: Verdana; font-size: 10pt; color: green; height: 30px; border-top:1px solid ##000;">
  7:45 am
  </div>

Answer 1

添加等于高度的line-height样式:

div {
  font-family: Verdana; font-size: 10pt; 
  color: green; 
  height: 60px;
  line-height: 60px;
  border:1px solid #000;
  text-align: center;
  width: 100px;
}

<div>7:45 am</div>