在开发过程中ul和li元素是经常使用的元素,但是有个问题随之而来,当所有li元素都横向排列时,li元素左右两边默认有间距,这种间距不是margin,也不是padding造成,而是在编译器编写代码时,习惯性的会将li元素每个写一行,但是换行的同时,浏览器会将空格渲染成间距。
解决办法:
-
看自己是不是用的display: inline-block;进行横向排列,如果是更换成float:left;即可以消除间距;
-
可以将li的父元素ul设置一个font-size:0; 备注:设置后请注意设置li元素中的文字大小(font-size);
-
可以将编辑器中的li放在一行编写,不要跨行;