css 多个li排序 不留空隙
如果你想要在CSS中多个li排序时去掉空隙,你可以使用以下方法:
- 设置li元素的display属性为inline-block,这将使它们在同一行显示,并且不会留下空隙。
li {
display: inline-block;
}
- 将li元素的margin和padding属性设置为0,这将去掉它们的外边距和内边距。
li {
display: inline-block;
margin: 0;
padding: 0;
}
- 如果li元素之间还有额外的间距,你可以使用负外边距来消除它们之间的空隙。
li {
display: inline-block;
margin: 0;
padding: 0;
margin-right: -4px; /* 负外边距的大小根据具体情况调整 */
}
请注意,这种方法可能会导致li元素之间的内容紧凑在一起,你可能需要根据具体情况进行调整。
原文地址: https://www.cveoy.top/t/topic/iSqm 著作权归作者所有。请勿转载和采集!