在asp.net中使用CSS居中標籤元素的正確方法.master page

我想爲一個教會獎學金組織建立一個asp.net webforms網站，並且我正在學習如何構建這個網站從頭開始使用Visual Studio Express 2013 for Web的空asp.net網站模板，由於我以前從未做過網站，因此我不得不通過互聯網搜索示例，我的大部分編程經驗來自C＃，而我只是沒有似乎能夠爲此找到解決方案。在asp.net中使用CSS居中標籤元素的正確方法.master page

反正我的問題是，我無法弄清楚如何中心在SiteMasterPage.master

<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>

一個asp.net標籤我已經試過上述是最新的一對夫婦的事情，唯一的我發現，實際工作的事是使用：

<center> 
    MY Label 
</center>

這種使用「中心」的唯一的問題是我得到的「中心」已被棄用警告。我希望能夠正確地做到這一點，有人可以給我一些建議，如何做到這一點。

我從.css文件中試過以下內容。

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

，似乎在它的工作的唯一的事情是在

width: 230px;

和

margin-left: 10px;

我想設置它的CSS文件中，因爲這是所有要去在MasterPage上。

*編輯：我應該指出，我決定嘗試一個標籤的唯一原因是我想在文本週圍添加一個邊框和陰影框，並且我還沒有嘗試查看邊框和陰影是否可行就在頁面中間的特定文本週圍。

來源

2014-09-11 roadmaster

在您的包裝股利，'對齊，items'你應該使用'文本對齊：中心在其他方面，它：center' – LcSalazar 2014-09-11 13:34:32

是啊是誰幹的，我用的text-align曾試圖沒有工作，所以我只是認爲它不會在我創建的div包裝器中實現。感謝你的快速回復。 – roadmaster 2014-09-11 13:40:09

你會考慮使用CSS「框架」，例如[Bootstrap]（http://getbootstrap.com/）嗎？使用這種方式可能會有所幫助，從而加快開發速度，同時也會提高_learn_（通過查看CSS源代碼並查看「完成」，跨瀏覽器等）。 – EdSF 2014-09-11 13:40:34

所以，由於評論工作，這裏是張貼的答案。

而不是你align-items您在包裝DIV設置，使用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

來源

2014-09-11 13:50:49 LcSalazar

這對我不起作用。從那以後做了些改變？ – PoloHoleSet 2017-03-02 23:18:35

它不起作用？怎麼了？ – LcSalazar 2017-03-03 12:55:29

左對齊。如果我使用不支持的

標籤，則它爲中心。我已經嘗試過你的解決方案，也將「align-content」和「align-items」作爲class =「col-sm-」的一部分作爲單獨的div。如果他們想擺脫中心標籤，你會認爲會有一個簡單的替代品。 – PoloHoleSet 2017-03-03 14:23:43

在asp.net中使用CSS居中標籤元素的正確方法.master page

回答

相關問題