css - 在 asp.net .master 页面中使用 CSS 居中 Label 元素的正确方法是什么

Question

我正在尝试为一个教会团契组织建立一个 asp.net webforms 网站，我必须学习使用 Visual Studio Express 2013 for Web 的空 asp.net 网站模板从头开始构建这个网站，因为我以前从未做过网站，我不得不通过互联网搜索示例，我的大部分编程经验都来自 C#，我似乎无法找到解决方案。

无论如何，我的问题是我不知道如何在 SiteMasterPage.master 上居中 asp.net 标签

<div class="header1">
  <br />
  <br />
  <h1 class="auto-style1">Calvary Christian FellowshipGA, Inc.</h1>
  <div style="align-items: center">
    <asp:Label ID="Label1" runat="server" CssClass="ccfgaLabel" ForeColor="#0066FF" Text="Calvary Christian FellowshipGA, Inc."></asp:Label>
  </div>
  <br />
  <br />
  <p>
    Informational Text here.
  </p>
  <br />
  <p>
    More Informational Text here.
  </p>
</div>

我已经尝试了上面的一些最新的方法，我发现唯一有效的方法是使用:

<center>
  MY Label
</center>

使用“center”的唯一问题是我收到“center”已弃用的警告。我希望能够正确地执行此操作，有人可以给我一些如何完成此操作的建议。

我从 .css 文件中尝试了以下内容。

.ccfgaLabel
{
    display: inline-block; 
    width: 230px;
    /*margin-left: 10px;*/
    margin-left: auto;
    margin-right: auto;
}

唯一似乎在其中起作用的是

width: 230px; 

和

margin-left: 10px;

我想在 css 文件中设置它，因为这一切都将在 MasterPage 上。

*编辑:我应该指出，我决定尝试标签的唯一原因是我想要围绕文本的边框和阴影框方面，我还没有尝试查看边框和阴影是否可能只是围绕页面中间居中的特定文本。

Answer 1

因此，由于评论有效，这里是已发布的答案。

不要使用您在包装器 div 上设置的 align-items，而是使用 text-align 属性，该属性用于指定内联内容的对齐方式:

<div style="text-align: center">
  <asp:Label ID="Label1" runat="server" CssClass="ccfgaLabel" ForeColor="#0066FF" Text="Calvary Christian FellowshipGA, Inc."></asp:Label>
</div>

虽然我建议您不要将其设置为内联样式。相反，给 div 一个 id 或一个类，并将属性保留在样式表上。

MDN text-align docs