asp.net - 如何在 中制作 2 行

Question

我想在 <td> 中显示两行.它正在显示，彼此相邻。

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

我想像下面这样。第一行粗体，第二行将是小写字母。

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元素，你也可以使用 div s，默认情况下有换行符(但可以通过在 CSS 中设置 display:inline 来禁用它)。