0

您好，我只是想在 div 中垂直对齐我的文本

请找到现场示例http://jsfiddle.net/fb48n/
谁能告诉我如何垂直对齐？

<div class="Heading">Upload a file</div>

css

.Heading{
   height: 62px;
   vertical-align: 50%;background: #D46023;
   padding: 5px 5px;
   color: white;
   font-size: 18pt;
   font-weight: normal !important;
   display: block;
   text-align: left
}
4

3 回答 3

1

只需将您line-height的设置为与容器盒相同。

line-height:62px;

JSfiddle。

于 2013-01-21T12:37:08.583 回答
0

只需将 div 显示设置为表格单元格display: table-cell并给出它vertical-align: middle。

于 2013-01-21T12:36:50.223 回答
0

马克是对的！您只需要设置 line-height 如下：

.Heading {
  line-height:62px;
  background: #D46023;
  color: white;
  font-size: 18pt;
}

div 已经是一个块并且 text-align 默认设置为左。

奥利维尔

于 2013-01-21T12:54:56.737 回答