代码之家 › 专栏 › 技术社区 › narue1992

<td>文本居中但文本左对齐

text-align vertical-alignment html-table html

narue1992 · 技术社区 · 10 年前

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

我试过了 <td align ="center"> 虽然 <p style="text-align:left;"> 反之亦然。我也玩过简单的 align="left" 对于 <p> 也

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

enter image description here

到目前为止,文本是左对齐的,但没有在 <td>

我还尝试添加了一个居中的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>

更新:

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

enter image description here

1 回复 | 直到 10 年前

Nursultan Zarlyk 10 年前

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

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

附笔 :我强烈建议您不要使用 td 的外部 table 并且不使用 align 属性阅读此内容以编写更干净的html: http://learn.shayhowe.com/html-css/