排队LI(FF,Chrome,IE 789兼容)
作者:admin | 来源:百度 | 发布时间:2019-06-04 04:44 | 浏览次数:

我经常使用ul和li来制作菜单。排队李并不难。漂浮很常见。
接下来,设置大于ul的宽度,以便不超过ul。
这很好,但不是很好。
首先有一个浮子来清除浮子。
接下来,我们需要增加UL的宽度。
另一种方法是使用display获得相同的效果:inline-block和white-space:nowrap。
如何使它们看起来像以下DOM表单中的漂亮菜单。
1ulclass =“menu”liitem1 / liliitem2 / liliitem3 / liliitem4 / liliitem5 / liliitem6 / li / ul
你可以这样做。
第一种风格
2ul,ol,li{margin:0;填充:0;}
3li{list style:none;}

菜单{display:inline-block;}空格:Narrap。* display:inline;}
6
菜单{屏幕:阻塞线;垂直对齐:顶部。*屏幕:在线。*缩放:1。保证金:02 px 00;}
7 /风格
下面的黄色文字是重置的一部分。首先重置一些预定义的ul,li样式。
每个人都知道这一点。
红色文本是一个重要的部分,这是必不可少的。
如果未分配,则块元素的宽度将与父元素的宽度相同。
如果你需要使ul自包含,即在内部打开,你需要在线配置并阻止它。
空白:nowrap当然会强迫李不要换线。
当然,为了建立宽度和高度并且能够在线共存,还需要在在线块中建立li。
在这里,大多数浏览器都是最新的(Firefox,IE8 +,Chrome)。
),这就够了。
但是IE7尚未购买它。
(IE6?
我会担心你的!
但是,我的方法也适用于IE6。)
原因是在IE7中根据块元素的块的配置无效。
因此,您只能使用您熟悉的技巧。在线设置
但是,问题再次出现,并且内联元素不能设置得很宽和很高。
妈的!
使用缩放:1拍摄hasLayout。
垂直放置非常好。
情况就是这样:默认的内联块元素是vertical-align:baseline。
顶部对齐的统一将更好。
就是这样


相关文章: