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レンダリングされ、要素はデフォルトで;でスタイル設定されていることです。その結果、CSSクラスは何もしません。spanspandisplay:inline

テキストをDIVの中央に配置する場合は、をDIVに設定するtext-align:centerか、をに設定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 に答える