<td> 正文居中但文本左对齐
<td> center body of text but text left align
我知道我缺少一个简单的行修复。
我试过 <td align ="center">
而 <p style="text-align:left;">
反之亦然。我也为 <p>
玩过简单的 align="left"
。
如何使所有文本在 <td>
中居中,但链接在中心左对齐?
到目前为止,文本左对齐但未在 <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>
</p>
<p>
</p>
<p align="center">
<strong>
<font size="+1">Note: Classified Ads will expire after 30 days.</font>
<br />
Today's date is
<asp:Label ID="DateLabel" runat="server"></asp:Label>
</strong>
</p>
</td>
更新:
我好像在解释我想说的不对。我希望它看起来像这样
<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>
</p>
<p style="text-align:center">
<strong>
<font size="+1">Note: Classified Ads will expire after 30 days.</font>
<br />
Today's date is
</strong>
</p>
</div>
我认为这就是您所需要的。首先,当您使用 align 或 text-align 时,它会自动用于所有子元素。如果你想对齐元素,只对齐那些需要它的元素。第二件事是居中。您可以使用 margin: 0 auto
将块居中(您还需要定义宽度,否则它将不起作用)。
P.S:我强烈建议你不要在table
之外使用td
并且不要使用align
属性.读这个写一个更干净的html:http://learn.shayhowe.com/html-css/
我知道我缺少一个简单的行修复。
我试过 <td align ="center">
而 <p style="text-align:left;">
反之亦然。我也为 <p>
玩过简单的 align="left"
。
如何使所有文本在 <td>
中居中,但链接在中心左对齐?
到目前为止,文本左对齐但未在 <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>
</p>
<p>
</p>
<p align="center">
<strong>
<font size="+1">Note: Classified Ads will expire after 30 days.</font>
<br />
Today's date is
<asp:Label ID="DateLabel" runat="server"></asp:Label>
</strong>
</p>
</td>
更新:
我好像在解释我想说的不对。我希望它看起来像这样
<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>
</p>
<p style="text-align:center">
<strong>
<font size="+1">Note: Classified Ads will expire after 30 days.</font>
<br />
Today's date is
</strong>
</p>
</div>
我认为这就是您所需要的。首先,当您使用 align 或 text-align 时,它会自动用于所有子元素。如果你想对齐元素,只对齐那些需要它的元素。第二件事是居中。您可以使用 margin: 0 auto
将块居中(您还需要定义宽度,否则它将不起作用)。
P.S:我强烈建议你不要在table
之外使用td
并且不要使用align
属性.读这个写一个更干净的html:http://learn.shayhowe.com/html-css/