ydzf.net
当前位置:首页 >> Css怎么控制li和ul的边距 >>

Css怎么控制li和ul的边距

1. css控制li和ul的边距,可以使用margin属性来实现或者padding属性都可以,在设置width和height属性时,计算好各自的距离.2. 然后设置多少px就可以实现,下面介绍了一下简单的控制和去掉li前面圆点的方法.3. 即把li变为行内元素且可以设置宽高以及边距,这样也有一个问题,低版本的Ie浏览器不兼容inline-block,建议在其后再加两个属性兼容低版本ie.

要看这个li横向还是纵向,横向的主要用padding-left和padding-right来控制,还可用li的宽度来控制;纵向的就多点,除了有padding-top和padding-bottom来控制,还可以用li的高度以及li的行高来控制;具体二种代码如下:<meta http-equiv="

你设置了四周10PX的margin,下边也会有的啊,,你的容器没有做溢出隐藏,你可以这样设置margin:0 10px 0 10px 或者margin-left:10px;margin-right:10px;如果你说的是下面出现的间隔的话,如果不是,,那你最好截个大点的图,说详细点.

margin距离 或者 line-height行高 应该是<ul> <li style="margin-bottom:20px"></li></ul> 或者<ul> <li style="line-height:20px"></li></ul> 当然zhidao两个意思不一样专 第一个是li距离下面20像素 第二个属是li内字符的行高 margin-bottom 也可以是margin-top, margin-left, margin-right

那你就每个li给它定义一个样式,如果li横排显示,则用margin-left , margin-right.如果li坚排显示,则用margin-top , margin-bottom.另外padding也可以.

过CSS样式进行调整.margin距离或者line-height行高应该是或者当然两个意思不一样第一个是li距离下面20像素第二个是li内字符的行高margin-bottom也可以是margin-top,margin-left,margin-right.

csshtml------解决方案--------------------------------------------------------ul.menu li {float: left;width: 100px;line-height: 24px;border: #CCC 2px solid;border-bottom: none;vertical-align: bottom;height: 25px;}你试试height: 25px; 你自己再调整------解决方案------

margin距离 或者 line-height行高 应该是 或者 当然两个意思不一样 第一个是li距离下面20像素 第二个是li内字符的行高 margin-bottom 也可以是margin-top, margin-left, margin-right

设置<ul>的属性:ul {list-style-image: font-family: "宋体"; margin:5px; font-size: 12px; line-height: 24px; color: #000000; text-decoration: none; list-style-type: circle; text-indent: 14px; list-style-image: url(images/index_68.gif); vertical-align: top;

控制li元素的左内边距即可:li{padding-left:10px;} /*设置li样式点与内容间距为10px*/示例如下:分别将三个列表项设置为不同的左边距,注意观察效果.1. 创建Html元素<ul> <li class="li_1">itemlisy-1</li> <li class="li_2">itemlisy-2</li> <li

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