Html CSS-两列列表间距
我有一张这样的清单Html CSS-两列列表间距,html,css,html-lists,Html,Css,Html Lists,我有一张这样的清单 -------------------- | | | | 1 | 2 | | | | | 3 | 4 | | | | | 5 | 6 | | | | -------------------- (这是一个带有的简单) 这个列表的容器,我们称之为div.wrap有一个固定的宽度,比如400像素,
--------------------
| | |
| 1 | 2 |
| | |
| 3 | 4 |
| | |
| 5 | 6 |
| | |
--------------------
(这是一个带有的简单
)
这个列表的容器,我们称之为div.wrap
有一个固定的宽度,比如400像素,列表项以50%
的宽度向左浮动
如何在不破坏布局的情况下,在左右列表项之间添加10像素的间距?
请注意,我无法从列表中控制HTML,因此无法向这些列表项添加任何类:(
我在上尝试了右边距:10px
,在
上尝试了右边距:-10px
,但没有成功:)<
编辑
如果要隐藏第二个边距,可以使ul
比其换行和隐藏溢出稍微大一点:
不是非常优雅,但足够简单。是的,但这也增加了第二列的页边空白。这就是我试图避免的原因:)同样,li项目宽度必须是百分比,因为容器宽度可以改变,即使它是固定的。