2

这就是我所拥有的，它没有被集中。由于某种原因，它一直向左。

<div>
        <asp:Label ID="eagleReplicationManagerLabel" runat="server" CssClass="eagleReplicationManagerLabel">
                Eagle Replication Manager
        </asp:Label>
    </div>

它的CSS：

.eagleReplicationManagerLabel
{
    position: fixed;
    font-size: 30px;
    color: #0000FF;
    text-align: center;
}
4

5 回答 5

3

它实际上正在工作，但您看不到结果，因为它被呈现为一个跨度，它采用其内容的确切宽度。所以文本没有足够的空间来调整。

增加css样式的宽度会告诉你原因

.eagleReplicationManagerLabel
{
    position: fixed;
    font-size: 30px;
    color: #0000FF;
    text-align: center;
    width:500px;
}
于 2012-09-24T19:34:46.400 回答
2

text-align: center;需要在包含<div>标签的地方。

于 2012-09-24T19:29:17.040 回答
0

文本居中，但它是一个内联元素，因此它仅与内部文本一样宽。

这就是为什么你不能说它是居中的。

给它一些宽度或使其阻塞，您将看到居中。

.eagleReplicationManagerLabel
{
    position: fixed;
    font-size: 30px;
    color: #0000FF;
    text-align: center;
    display:block
}
于 2012-09-24T19:30:27.353 回答
0

这里的问题是在 html 上asp:Label呈现为 a并且元素默认使用; 结果，您的 CSS 类什么也不做。spanspandisplay:inline

如果要将文本在 DIV 中居中，请在text-align:centerDIV 上设置或设置display:block在.eagleReplicationManagerLabel

.eagleReplicationManagerLabel
{
    position: fixed;
    font-size: 30px;
    color: #0000FF;
    text-align: center;
    display:block;
}
于 2012-09-24T19:31:03.780 回答
0 
.center{
width:200px;
margin:auto;
}

.eagleReplicationManagerLabel
{
 position: fixed;
 font-size: 30px;
 color: #0000FF;
 text-align: center;
}
<div>
<div class="center">
    <asp:Label  Text="Eagle Replication Manager" ID="eagleReplicationManagerLabel1" runat="server" CssClass="eagleReplicationManagerLabel"></asp:Label>
</div>

</div>
于 2012-09-24T19:49:30.180 回答