div+css li 前面出现空白

html-css015

div+css li 前面出现空白,第1张

一般li与ul或者ol同用,因为ul或li其中设置的padding与margin;

修改方式:修改css文件代码如下:

ul,ol,li{

margin:0/*设置外补白为0*/

padding:0/*设置内补白为0*/

}

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

ul {padding:0margin:0

}加上这个你发现 前面很大的空格不属于边框内部的 属于外边距 一般使用ul li项目列表时 尽量先将ul的 margin和padding设置0 需要li的margin在 li的style中 单独设置。