如何在div中间显示div的内容

Question

我正在使用asp.net。我想在中间显示div的内容。但它显示了顶部的内容。我的Div如下：

    <div style=" height:100px; width:100px; float:left; background:#666666;">
     <span>about us</span>
    </div>

如何在中间显示内容。我使用了边距和填充，但它显示整个div中的结果而不是内容。我怎么能这样做，请帮助我是asp.net的新手。

谢谢

Answer 1

试试这个：

   <div style=" height:100px; width:100px; float:left; background:#666666;text-align:center">
     <span>about us</span>
    </div>

Answer 2

如果你想水平对齐，Bibhu的回答就是这样。

要在中间垂直对齐，请将其添加到您的样式中：

line-height: 100px;
vertical-align: middle;

Answer 3

只需删除float：left并添加text-align属性和line-height属性。

<div style=" height:100px; width:100px;background:#666666;text-align:center;line-height:100px;">
     <span >about us</span>
</div>

Answer 4

试试这个：

height:100px; width:100px; background:#666666; line-height:100px;

Answer 5

您需要将div的显示更改为table-cell，然后您可以使用vertical-align属性

 <div style=" height:100px; width:100px; float:left; background:#666666; display: table-cell; vertical-align: middle">
     <span>about us</span>
    </div>

检查

Answer 6

参考 - how to align text vertical center in div with css

它解释了如何使用许多演示精美地集中文本。