CSS怎样去除列表默认的边距

html-css022

CSS怎样去除列表默认的边距,第1张

可以尝试以下初始化代码:

body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0padding:0}

h1,h2,h3,h4,h5,h6{ font-size:100%font-weight:normal}

ol,ul{ list-style:none}

img,fieldset{ border:0 nonedisplay:block}

由于各个版本的浏览器,对一些标签的初始值不一样,我们需要帮它们初始化成一样的,用于兼容各个版本的浏览器。

空白的产生一般由父容器的padding(内边距)和子元素的margin(外边距)产生,所以将以上两者的值设为0就能清除空白。看你的截图,猜想你应该是用了ol有序列表,可以尝试这样调整:

ol {margin:0 padding:0}

*{margin:0padding:0}

body{margin:0 autopadding:0 inherit}

你不消除内边距跟外边距,怎么可能没空隙呢。

基础不牢固