【问题标题】:<td> center body of text but text left align<td> 文本居中,但文本左对齐
【发布时间】:2015-10-07 10:38:05
【问题描述】:

我知道我错过了一个简单的线路修复。

我试过&lt;td align ="center"&gt;&lt;p style="text-align:left;"&gt;,反之亦然。我也玩过简单的align="left"&lt;p&gt;

如何使 td> 中的所有文本居中但链接在中心左对齐?

到目前为止,文本是左对齐的,但不在&lt;td&gt; 内居中

我还尝试添加一个居中的 div,正如您将在我的代码中看到的那样。没用

        <td align="center" width="50%" style = "margin-left:50%">
        <p align="center"><font size="5"><b>Classified Ads</b></font></p>
        <br />

        <div align="center">

        <strong><!--edited 6/10/2015-->
                              <p style="text-align:left;">
                              <a href=".aspx">Search Classified Ads</a></p>                                  
                              <p style="text-align:left;">
                                 <a href=".aspx">Add or Delete Classified Ad</a></p>
                              <p style="text-align:left;">
                                 <a href=".aspx">Update Existing Classified Ad</a></p>
                              <p style="text-align:left;">
                                 <a href=".aspx">All Classified Ads</a></p>

                              <p style="text-align:left;">
                                 <a href=".aspx">About this Application</a></p>
         </strong>

        </div>
                              <p>
                                &nbsp;
                              </p>
                              <p>

                              </p>
                              <p align="center">
                              <strong>

                                    <font size="+1">Note: Classified Ads will expire after 30 days.</font>
                                    <br />
                                    Today&#39;s date is&nbsp;
                                  <asp:Label ID="DateLabel" runat="server"></asp:Label>
                              </strong>

                              </p>

    </td>

更新:

我似乎在解释我想要的错误。我希望它看起来像这样

【问题讨论】:

  • "如何使所有文本在 中居中,但链接在中心左对齐?"你能改写一下吗,我不知道你的意思。你是什​​么意思左对齐在中心,它的一个或另一个。
  • 你想集中哪一部分?因为我觉得好看?
  • 图片中的链接我想在 td 的中心对齐,而文本本身是左对齐的。不知道如何改写,所以我道歉。
  • 现在链接是左对齐的,我现在希望它们都移到中心。
  • 这是用于网站还是电子邮件?

标签: html html-table vertical-alignment text-align


【解决方案1】:
<div>
        <p style="text-align:center"><font size="5"><b>Classified Ads</b></font></p>
        <br />

        <div style="width:300px; margin: 0 auto;">

            <strong><!--edited 6/10/2015-->
                <p>
                    <a href=".aspx">Search Classified Ads</a></p>                                  
                <p>
                    <a href=".aspx">Add or Delete Classified Ad</a></p>
                <p>
                    <a href=".aspx">Update Existing Classified Ad</a></p>
                <p>
                    <a href=".aspx">All Classified Ads</a></p>

                <p>
                   <a href=".aspx">About this Application</a></p>
            </strong>

        </div>
        <p>
        &nbsp;
        </p>
            <p style="text-align:center">
                  <strong>

                    <font size="+1">Note: Classified Ads will expire after 30 days.</font>
                    <br />
                    Today&#39;s date is&nbsp;
                </strong>

            </p>


        </div>

我认为这是您需要的。首先,当您使用 align 或 text-align 时,它将自动用于所有子元素。如果你想对齐元素,只对齐那些需要它的元素。第二件事是居中。您可以使用margin: 0 auto 将块居中(还需要定义宽度,否则将不起作用)。

P.S:我强烈建议您不要在table 之外使用td,也不要使用align 属性。阅读本文以编写更简洁的 html:http://learn.shayhowe.com/html-css/

【讨论】:

  • 您所做的解决了我的链接问题!如果我不认为您使用 align 属性,那么我将查看您提供的链接。欣赏这个例子!
猜你喜欢
相关资源
最近更新 更多
热门标签