如果你想要在CSS中多个li排序时去掉空隙,你可以使用以下方法:

  1. 设置li元素的display属性为inline-block,这将使它们在同一行显示,并且不会留下空隙。
li {
  display: inline-block;
}
  1. 将li元素的margin和padding属性设置为0,这将去掉它们的外边距和内边距。
li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
  1. 如果li元素之间还有额外的间距,你可以使用负外边距来消除它们之间的空隙。
li {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-right: -4px; /* 负外边距的大小根据具体情况调整 */
}

请注意,这种方法可能会导致li元素之间的内容紧凑在一起,你可能需要根据具体情况进行调整。

css 多个li排序 不留空隙

原文地址: https://www.cveoy.top/t/topic/iSqm 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录