html - 如何设置带有额外字符的 li 标签？

Question

我有一个设计风格，你可以在:http://jsfiddle.net/mohammad6006/Q6g3n/中看到

在结果中，您会看到第 2 行中的测试 2

我的div宽度是220px，我不想在另一行显示更多的字符

或

当 li 文本字符超过 220px 时创建新行但下一个 li 显示在其他行

更多描述:

<li>
    <a title="" href="">test2 test2 test2 test2 test2 test2 test2 test2 </a>
</li>
<li>
    <a title="" href="">test 3</a>
</li>

test2 test2 test2 test2 test2 test2 test2 test2 字符多于一行，所以多余的字符显示在新行中，test 3 li 也在另一行显示。

Answer 1

您可以使用min-height，所以它以您的 28px 高度为基础，其余的可以自行扩展。

您需要设置您的#body-right ul li {}
来自
#body-right ul li {height:28px;}
到
#body-right ul li {min-height:28px;}

已更新 JsFiddle