html - CSS 没有将文本放在 DIV 的中间 asp.net c#

Question

我有以下页面。 http://jsfiddle.net/r1mymj25/ .我在尝试使用 CSS 将 QDetails 中的文本放置在 DIV 中间时遇到问题。

#QDetails{
   height:25px; 
   top:40px; 
   background-color:white; 
   text-align:center; 
   font-size:small; 
   border-color:black; 
   border-width:2px; 
   border-style:solid; 
   font-family: Arial, Helvetica, sans-serif; 
   vertical-align:middle;
}

我设法将它居中，但没有将它放在中间。我试过“垂直对齐:中间；”但没有快乐。请问我做错了什么？

Answer 1

试试这个。

在 div 中创建一个 span，然后将 text 设置为如下所示的 span

<div id="QDetails">
    <span id="msg"></span>
</div>

这是CSS类

#QDetails
{
   height:25px; 
   top:40px; 
   background-color:white;
   font-size:small; 
   border-color:black; 
   border-width:2px; 
   border-style:solid; 
   font-family: Arial, Helvetica, sans-serif; 
   display: table;
   text-align:center;
}

#msg
{
   display: table-cell;
   vertical-align: middle;
}

试试这个。这将使它变得准确。