ul { list-style:none; overflow:hidden; height:30px; /*设置显示的高度*/ } li { float: left; margin-right: 20px; /*增加项之间的间距*/ }
上面的代码中,大家设置了
- 的高度为30px,同时隐藏了超出部分。此外,大家还设置了每个列表项之间的间距,让页面更美观一些。
值得注意的是,如果想让用户能够查看到所有的列表项,可以通过JavaScript来实现列表项的切换,这也是一个比较常见的做法。
首页 >
ul { list-style:none; overflow:hidden; height:30px; /*设置显示的高度*/ } li { float: left; margin-right: 20px; /*增加项之间的间距*/ }
上面的代码中,大家设置了
值得注意的是,如果想让用户能够查看到所有的列表项,可以通过JavaScript来实现列表项的切换,这也是一个比较常见的做法。