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