ul和li元素是开发当中经常使用的元素，但是有个问题随之而来，当所有li元素都横向排列时，li元素左右两边默认有间距，这种间距不是margin,也不是padding造成，而是在编译器编写代码时，习惯性的会将li元素每个写一行，但是换行的同时，浏览器会将空格渲染成间距。解决的办法目前有两种：
1、编码时，所有的li元素写在一行里面
eg:
<ul>
<li>第一个li元素</li><li>第二个li元素</li>
</ul>
2、也可以给li的父元素ul添加样式font-size:0px;
eg:
<ul>
<li>第一个li元素</li>
<li>第二个li元素</li>
</ul>
ul{font-size:0px}
li{font-size:14px}
备注:若采用第二种方法，切记为li元素设置字体大小
ul和li元素是开发当中经常使用的元素，但是有个问题随之而来，当所有li元素都横向排列时，li元素左右两边默认有间...
行间距 文本样式 文本修饰 字母间距,汉字间距 单词间距 盒子模型 外边距 内边距 边框 浏览器默认样式 清除浏览...
去除行内元素默认间距： 原因：回车键占位解决：父级元素去除字体间距以及字体大小
通常的清除默认样式： 设置默认字体 select标签 重置表格元素 重置hr 清除< ol > < ul >的默认...
清除内外边距 body、ul、li、ol等部分块级元素也会有默认的样式，就是内外边距，并且还是浏览器的问题，也会显...
清除默认样式 书写样式时，body、ul、dl、p、li等标签都有默认的padding和margin。比如ul、o...
让三个li左右与父元素没有间距中间有两个相等的间距 （忽略左右的绿色和下面的蓝色啊！！！那个不是父元素里的） 在o...
在使用行内a标签的时候回发现两个a标签之间存在间距 效果如下: 以下有四种清除默认间距的方法。 font-size...
总结:1.在默认情况下,ul 和li有个默认的左边距,我们可以通过在 li 元素中增加margin-left 来解...
base.css /(1)清除默认样式/ html,body,ul,li,ol,dl,dd,dt,p,h1,h2,...
本文标题：如何准确清除li元素默认间距
本文链接：https://www.haomeiwen.com/subject/auytzftx.html
网友评论