如何在<TD>中制作2行

Question

我想在TD上显示两行

 <td bgcolor="White">
   First Name
   (on external website)
 </td>

它显示,彼此相邻.我希望如下.第1行粗体和第2行是小写字母.

Answer 1

您可以添加一个<br/>强制换行符并为字体样式定义一些CSS类:

<style>
.name { font-weight: bold; }
.subtext { font-size: smaller; }
</style>

<td bgcolor="White" >
<span class="name">First Name</span>  <br/>
<span class="subtext">(on external website)</span>
</td>

更新:为了完整性,我还包括其他人的建议:不使用<br/>元素,而是通过CSS控制换行符.这样做的好处是,只需编辑CSS即可更改行为(删除换行符):

<style>
.name { font-weight: bold; display:block; }
.subtext { font-size: smaller; }
</style>

<td bgcolor="White" >
<span class="name">First Name</span>
<span class="subtext">(on external website)</span>
</td>

除了使用span元素之外,您还可以使用divs,默认情况下具有换行符(但可以通过display:inline在CSS中设置来禁用它).