Question

我有类似的东西：

<table>
    <tr>
        <td>Hello,<br/>World!</td>
    </tr>
</table>

两行

Hello,
World!

显示得太近了。任何增加它们之间间距的方法（通过线宽的一部分（没有另一个<br/>））？

Answer 1

以下是如何将行间距设置为<td> s字体高度的1.5倍的完整示例：

<html><head>
<style>
td {
    line-height: 150%;
}
</style>
</head>
<body>
<table>
    <tr>
        <td>Hello,<br/>World!</td>
    </tr>
</table>
</body></html>

Answer 2

使用line-height调整线条高度。因此，在您的情况下，line-height: 2会使行高增加一倍。

Answer 3

td {
    line-height:<value>;
}

如何增加CSS中的行间距？

3 个答案: