html - 如果单词超过宽度，如何设置行高

Question

我正在使用如下的无序列表。如果换行或自动换行，我想更改行高。

   .vj
{
    width:200px;
}
<div class="vj" style="line-height:32px;">
    <ul>
        <li>Neil Armstrong defines an unordered</li>
        <li>Alan Bean</li>
        <li>Peter Conrad</li>
        <li>Edgar Mitchell</li>
        <li>Alan Shepard</li>
    </ul>
    </div>

输出：

扩展输出：

如果仅换行 li，则将 line-height 设置为 22px 而不是 32px。

代码：https ://www.w3schools.com/code/tryit.asp?filename=GRKFA6EKC3XM

如何知道 'li' 超出了宽度？

如何将线高设置为超出的'li'？

谢谢

标签： htmlcss

Answer 1

像这样根据您的需要在 li 项目或 ul 项目中设置行高

   .vj
{
    width:200px;
}
#line{line-height: 90%;
}

<div class="vj" style="line-height:32px;">
    <ul>
        <li id="line">Neil Armstrong defines an unordered</li>
        <li>Alan Bean</li>
        <li>Peter Conrad</li>
        <li>Edgar Mitchell</li>
        <li>Alan Shepard</li>
    </ul>
    </div>