Как увеличить расстояние между строками в CSS?
У меня что-то похожее:
<table>
<tr>
<td>Hello,<br/>World!</td>
</tr>
</table>
Обе строки
Hello,
World!
отображаются слишком близко друг к другу. Любой способ увеличить расстояние между ними (на часть ширины линии (без другой <br/>
))?
Ответы
Ответ 1
Вот полный пример того, как сделать интервал между строками внутри <td>
в полтора раза высотой шрифта:
<html><head>
<style>
td {
line-height: 150%;
}
</style>
</head>
<body>
<table>
<tr>
<td>Hello,<br/>World!</td>
</tr>
</table>
</body></html>
Ответ 2
Используйте line-height
, чтобы настроить высоту строки. Поэтому в вашем случае line-height: 2
удвоит высоту строки.
Ответ 3
td {
line-height:<value>;
}