Html 为超过两行或多行的文本设置行高

我目前正在格式化我的网站，以便在手机上查看，当文本超过两行但未应用换行符时，我看不出如何设置div中文本的行高

这是我目前的css

#ProjectName {
font-family: "helvetica_roundedbold";
font-size: 22px;
color: #000000;
margin: 0;
padding: 0;
padding-bottom: 10px;
width: 100%; 
z-index: 10; 
position: fixed; 
left: 200px; 
top: 31px; 
height: auto;}

这适用于以下分类

<div id="ProjectName">
<a href="design_museum.html">Design Museum</a><br />
<a href="blendings_tea.html">Blendings Tea</a><br />
<a href="europes_metros.html">Europes Metros</a><br />
<a href="letter_e.html">Letter E</a><br />
<a href="must_see.html">Must See</a><br />
<a href="torsion.html">Torsion</a><br />
<a href="arts_and_crafts_movement.html">Arts & Crafts Movement</a><br />
</div>

目前有两行文字是“工艺美术运动”

---

任何建议都非常好。

您可以设置链接的行高度

#ProjectName a{line-height: 30px;}

您可以根据自己的需要选择合适的线条高度

当屏幕达到一定大小时，您可以使用媒体查询来拥有不同的css。即

@媒体屏幕和（最大宽度：500px）{css代码在此..}

---

该媒体查询中的css代码仅在屏幕大小为500px或更小时运行。当需要更改行高时，您可以将500px更改为屏幕大小。

这里有一种方法。在父级

div

（

#ProjectName

）上设置主行高度，然后为

a

元素设置

display:inline block

，并使用不同的行高度值。在

a

元素上使用

vertical align:top

，可以获得更好的结果

#项目名称{
字体系列：“helvetica_roundedbold”；
字体大小：22px；
颜色：#000000；
保证金：0；
填充：0；
垫底：10px；
宽度：400px；/*强制换行*/
z指数：10；
/* 
位置：固定；
左：200px；
顶部：0px；
*/
高度：自动；
线高：2.0；
边框：1px点灰色；
}
#项目名称a{
垂直对齐：顶部；
边框：1px点蓝色；
显示：内联块；
宽度：50%；
线高：1.0；
}

如果您解释一下它是如何不按您预期的方式工作以及所需的行为，您会得到更多的帮助。@EternalHour目前，当您在手机上查看网站时，“Arts&Crafts Movement”的文本将跨越两行。我想要达到的是一个标准的行高，即有换行符的文本行，但是如果文本跨越两行而没有换行符，我希望该行高更小。不要使用换行符。而是建立一个列表（

），这样你就不会有这个问题了。我认为这不会解决这个问题。我想要实现的是有换行符的文本行的标准行高，但是如果文本跨越两行而没有换行符，我希望该行高更小。我已经更新了我的答案，请告诉我它是否有助于您寻找的内容。