站点地图在页脚CSS对齐/浮动li元素

Sitemap in footer CSS to align/float li elements

本文关键字：浮动 li 元素 对齐 CSS 地图 站点      更新时间：2023-09-26

看看下面的jsFiddle:

http://jsfiddle.net/DNB9T/

你如何浮动不同的ul - li元素，使它们彼此排列在一起，当它们到达正确的边界时移动到下一行?

不完全确定您想要做什么，但是您可以这样做

ul.sitemap > li{
    float:left;
    margin:1em;
    min-height:160px;
}

例子: http://jsfiddle.net/DNB9T/5/

基本上，float只有ul.sitemap的直系子结点(第一个li s)。

添加一个margin来分隔它们。

给它一个min-height，这样被浮动的元素彼此清除。我选择了160px，你可能需要调整。

使用display:inline-block; 

.sitemap ul li{
    display:inline-block;
}
演示工作

相关文章：