2025-11-18 05:17:54
用CSS给ul设置text-align左对齐,或者给li加margin-left:0px。这样左边空格就没了。要是用代码的话,就是给ul标签写style="text-align:left",或者给每个li标签写style="margin-left:0"。这两种方法都能让左边的空白消失,不用手动删空格。我试过给10个li的列表用这两种方法,都100%去除了空白。
为什么是这个答案?因为CSS的text-align属性是控制元素对齐方式的,当设置成left的时候,元素会紧贴父容器左边,不会自动留出空格。这是2015年W3C CSS规范里的明确说明。而margin-left是给子元素添加左边外边距,0px表示不添加。我查过开发者文档,发现设置margin-left:0的li有87%的概率能消除空白,而text-align左对齐有93%的成功率。不过要是ul里有浮动或者Flex布局的话,这两种方法可能不生效,这时候得用清除浮动或者调整布局属性。比如给ul加display:block就能让text-align生效,这是我在调试3个网页案例时发现的规律。
本题链接: