css - 当单词溢出时，是否可以将 ul 列表 li 元素分成两个相等的部分？

Question

我有一个列表，结果是这样的:

短项------------------------| (ul div 结束)
短款
短元素
真的真的真的真的很长
元素

是否有可能使 li 的宽度缩小以适合两行或使 li 恰好分成两半？像这样:

真的真的真的
很长的元素

这样看起来更均匀？还是 css 不可能？

编辑:

这是一个常规的 ul li 列表(由站点生成)，单级。没什么特别的。我只是不喜欢这种效果，因为它们(li 的)的颜色与包含列表的 div 的颜色不同，所以每个 li 都有一个适合它的框，当只有一两个时，真正长的元素的框看起来会消失溢出的词。

我想我必须找到一种方法来使用 jquery 或其他东西来完成它。设置宽度或最大宽度没有帮助，已经有一个甚至更长的元素会创建不必要的行数。

Answer 1

我会尝试在 UL 上加一个宽度，以便它包含 Li

这是一个让你玩 css 的工具，我在这里试过了，似乎缩小了所有 li 的范围

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float

<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 100px;
}

li {
  float: right;

}

a {
display: block;
width: 60px;
background-color: #dddddd;
}
</style>