- 主题:求<li>不换行但两边对齐的解决方案
<li>的条目用float:left强制不换行,加了边框效果,放在一个固定width的<div>里边。这样,<li>到了div的宽度会自动“挤”到下一行。
问题是:每一行的末尾会留下一段不同长度的空白,很难看。
有没有好的解决方案,让<div>中的每一行的都是两边能自动对齐的?
不知道我说明白意思没。没有的话回头我可以补图。
--
FROM 153.208.15.*
能计算出来每一行多少个li的话,让每行最后个li float right
【 在 cowell 的大作中提到: 】
: <li>的条目用float:left强制不换行,加了边框效果,放在一个固定width的<div>里边。这样,<li>到了div的宽度会自动“挤”到下一行。
: 问题是:每一行的末尾会留下一段不同长度的空白,很难看。
: 有没有好的解决方案,让<div>中的每一行的都是两边能自动对齐的?
: ...................
--
FROM 118.186.239.*
<li>的宽度和个数没法计算,是随机的。
就是让<li>“挨个儿”排在一起,到了div的端头就换到“挤”到下一行去了。一行中能容下多少个<li>取决于<li>的内容宽度。
【 在 huaxinjuedui 的大作中提到: 】
: 能计算出来每一行多少个li的话,让每行最后个li float right
:
--
FROM 134.134.139.*
那你就只能先让他自然排序
等拍完后 js 修改每行最后一个了
【 在 cowell (紫禁飞狐) 的大作中提到: 】
: <li>的宽度和个数没法计算,是随机的。
: 就是让<li>“挨个儿”排在一起,到了div的端头就换到“挤”到下一行去了。一行中能容下多少个<li>取决于<li>的内容宽度。
--
FROM 106.186.25.241
【 在 cowell 的大作中提到: 】
: <li>的宽度和个数没法计算,是随机的。
: 就是让<li>“挨个儿”排在一起,到了div的端头就换到“挤”到下一行去了。一行中能容下多少个<li>取决于<li>的内容宽度。
:
: ...................
你描述的很清楚,把li的背景和div背景设置成一样吧,要不然真的求助js改位置了,css干不了这事
--
FROM 202.108.130.*
谢谢。
li是带边框的可以随意添加的条目。我就是想问问有没有类似Word那样的文本两端对齐的解决方案。貌似没有可以简单实现的,算了。
还是感谢大家!
【 在 sitepenfan 的大作中提到: 】
:
: 你描述的很清楚,把li的背景和div背景设置成一样吧,要不然真的求助js改位置了,css干不了这事
--
FROM 153.208.15.*