CSS中横向列表间距问题

html-css09

CSS中横向列表间距问题,第1张

这样吧,用浮动:

ul.menu {

display: inline

float: right

margin: 100px 0 0 0

padding: 0 20px 0 0

*zoom: 1

}

ul.menu:after {

clear: both

content: "."

display: block

height: 0

visibility: hidden

display: none

overflow: hidden

}

ul.menu li {

display: inline

margin: 0

padding: 0

float: left

}

------------------------

有问题可以加{border: 1px solid #f00}调试,看边线位置在哪里

这个办法很管用的

margin是间距属性,你可通过对每个对象加margin-left:10px来设定间距,如果要两边对齐,需要在最后一个图片margin-left:0;

也可以每个对象都加margin-left:10px,在给父级别容器加,margin-left:-10px

两种方式可以看情况选择使用