Css 当单词溢出时,是否可以将ul列表li项目分成两个相等的部分?

Css 当单词溢出时,是否可以将ul列表li项目分成两个相等的部分?,css,Css,我有一份清单,结果如下: 短项------------------------(ul部分结束) 短项 短项 非常非常非常长 项目 有没有可能使li的宽度缩小到适合两条线,或者使li恰好断为两条线?像这样: 真的真的 长款 这样看起来更均匀?或者,这在css中是不可能的 编辑: 这是一个常规的ul li列表(由站点生成),单一级别。没什么特别的。我只是不喜欢这个效果,因为它们(li)的颜色与包含列表的div的颜色不同,所以每个li都有一个适合它的框,当只有一两个溢出的单词时,真正长的项的框会变小

我有一份清单,结果如下:

短项------------------------(ul部分结束)
短项
短项
非常非常非常长
项目

有没有可能使li的宽度缩小到适合两条线,或者使li恰好断为两条线?像这样:

真的真的
长款

这样看起来更均匀?或者,这在css中是不可能的

编辑:

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


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

我会尝试在UL上设置宽度,以便它包含Li

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


保险商实验室{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
宽度:100px;
}
李{
浮动:对;
}
a{
显示:块;
宽度:60px;
背景色:#dddddd;
}

我不认为仅使用css就可以将
li
分成两个相等的部分,但是您可以将
max width
属性设置为
li
它将限制列表的宽度

html:

<ul>
    <li>short item</li>
    <li>short item</li>
    <li>short item</li>
    <li>really really really really long item</li>
</ul>
li {
    max-width: 150px;
}

演示:

尝试添加一个
宽度=10%
你的
    标签,比如
    ,然后稍微调整一下数字,向我们展示你的代码(HTML和CSS)…默认情况下,一个li总是会换成一行,所以很明显还有其他东西,比如我们不知道的一些额外代码或特殊情况。查看您的代码将有助于创建一个lotIt,它只是生成的div中的一个常规ulli列表(我无法控制实际列表的内容)。我只是不喜欢它的外观,我想可能有一些css属性我还没有学会。我想我必须看看我是否能用jquery做些什么。
    li {
        max-width: 150px;
    }