CSS中横向列表间距问题

html-css013

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

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

请问 td 的横向距离是要实现怎样的效果?

其实可以通过 td 设置 padding,而 td 不设置边框,在 td 里面放一个 div 什么的,来模拟边框,这样就相当于 td 之间有横向距离。

但是这样 td 的 table-cell 特性就没有了,上面只是提出一个建议而已,实际还是需要根据需求实现效果。