ytnp.net
当前位置:首页 >> html中ul和li组合的列表是竖的排列的,怎么些Css把... >>

html中ul和li组合的列表是竖的排列的,怎么些Css把...

加入css代码: #header_navi ul li {float:left; width:80px; height:30px; text-align:center; line-height:30px; list-style:none;}备注:width和height的值具体要根据您的导航图片宽度进行设置。

听不懂,画个示意图吧

CSS中的标签表示选择那个HTML内的标签元素来进行样式设置,比如HTML文档中有一个ul,还有几个li。那么ul就表示选中这个ul,而ul li 就表示ul 标签内部所有的li 都被选中来进行样式设置,前面表示他的父级,后面表示这个父级下的元素。

设置ul的margin-left即可 li横排时相互间的距离通过各自的width和margin-left(或margin-right)设置

将ul里面的li标签都设置为右浮动即可。如:

1.每条新闻前要有图标 不知道图标是不是一样的,还是1.2.3……这种排名形式 ·如果图标都是一样的,那就切一个小图标,作为li的背景,也可以设置list-style-image:url();差不多就这两种方法 ·如果图标不一样,就把这些图标竖着排到一张图片里,作为...

不用太多设置 为图标,头像,文字,图标分别设置宽度,甚至可以做4个LI,放在一个UL里,循环UL实现。 LI里为了防止被内容撑开,可以把LI定宽,甚至overflow:hidden;都可以。

给li padding值,不给固定宽度, 你可以看看下面代码,百度不让发代码,看图片吧

可以试试给.nav li 加上样式overflow:hidden或者zoom:1触发haslayout 不过既然指定了line-height:50px;不如把height也设为50px

网站首页 | 网站地图
All rights reserved Powered by www.ytnp.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com