Html 如何居中列组

如何将第一列的左边距设置为与最后一列的右边距相同

并保持列内的链接向左对齐

我试过：

#linksbwrap{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

但在这种情况下，列中的链接也会自动居中。

将其添加到CSS中

 #linksbwrap{
        text-align:center;
    }

这将在第一个元素的左侧和最后一个元素的右侧留下相等的空间

将其添加到CSS中

 #linksbwrap{
        text-align:center;
    }

---

这将在第一个元素的左侧和最后一个元素的右侧留下相等的空间

尝试固定宽度并将其保持在中心位置。所以它会给你一个结果，就像左边距和右边距一样

#linksbwrap {
        display: flex;
        justify-content: space-around;
    }

---

尝试固定宽度并将其保持在中间位置。所以它会给你一个结果，就像左边距和右边距一样

#linksbwrap {
        display: flex;
        justify-content: space-around;
    }

这不管用吗

#linksbwrap{
显示：内联块；
-webkit列数：4；
-moz列数：4；
列数：4；
背景：浅蓝色；
利润率：0.40px；
左侧填充：30px；
}

这不管用吗

#linksbwrap{
显示：内联块；
-webkit列数：4；
-moz列数：4；
列数：4；
背景：浅蓝色；
利润率：0.40px；
左侧填充：30px；
}

我建议使用

在线css生成器

如：

---

您可以尝试不同的属性，并找到解决问题的最佳属性。

我建议使用

联机css生成器，如：


您可以尝试不同的属性，并找到解决问题的最佳属性。
提供.linkb的css提供.linkbIn的css。在这种情况下，所有列和链接都会出错！在这种情况下，所有列和链接都被弄乱了！你可以看到左/右边距不一样什么不一样？您正在验证文本结尾处的边距。如果是，那就错了。您应该使用框大小而不是文本大小进行验证。您可以看到左/右页边距不一样什么不一样？您正在验证文本结尾处的边距。如果是，那就错了。您应该使用框大小而不是文本大小进行验证。您可以看到左/右页边距不是相同的大小same@bonaca我们是说每列中的右空格应该在第一列左侧匹配，所以在我的回答中，第一列左侧应该有更多的蓝色空格？@bonaca更新了我的答案。这就是你想要的吗？你可以看到左/右边距不是最合适的same@bonaca我们是说每列中的右空格应该在第一列左侧匹配，所以在我的回答中，第一列左侧应该有更多的蓝色空格？@bonaca更新了我的答案。这是你想要的吗？