html - 出现换行时如何调整行间距？

Question

我正在开发一个显示某人姓名和头衔的应用程序。当某人有一个短名称和短标题时，它看起来很好......

当某人有一个很长的名字和很长的头衔时，换行符看起来像废话......

我正在努力弄清楚如何让名称中的两行和标题中的两行更接近。

谁能提供有关如何完成此任务的信息？

标签： htmlcss

Answer 1

试试下面的例子。您可以调整行高并完成它。为了理解自己，我创建了一个单独的 div 标签来突出需求。

<h3>James Smith</h3>
<div style="line-height:2rem"><br></div>
<h3>Janitor</h3>

更多信息请参阅 w3 学校的文档https://www.w3schools.com/cssref/pr_dim_line-height.asp