Question

这应该是直截了当的，但我想念它。我试图通过在stylesheet.css

中使用这个css来将文本集中在我的向导h1标签中

.h1textalign { text-align:center; }

我正试图像这样应用这个类：

<asp:Wizard ID="FirstwzSetup" runat="server" CssClass="wizpad" Font-Names="Tahoma" Font-Size="20px" Style="width: 100%; overflow: scroll;" ActiveStepIndex="0">
    <WizardSteps>
        <asp:WizardStep runat="server" StepType="Start" title="Sponsor Recognition">
           <h1 id="h1test" runat="server" class="h1textalign">Test To Center Text</h1>
        </asp:WizardStep>
    </WizardSteps>
</asp:Wizard>

什么阻止css类应用于h1标签？

修改
这是一个例子 - 我的文字没有居中

https://jsfiddle.net/8e8yo28q/

Answer 1

由于header是块元素，因此您可能还需要为其赋予宽度。此外，您可以应用重要标记，以确保没有其他css设置导致您的问题。

    h1 {width: 100%; text-align:center !important;}

Answer 2

只需将width:100%添加到您的h1代码

即可

尝试将border:1px solid black添加到之前的CSS中，您会发现h1被限制在一定宽度。

如果您向其添加%宽度，即100%，则会占用父级的相对宽度。

h1中的文字将以自己为中心。

Working Fiddle

向导H1标记中的中心文本

2 个答案: