如何在引导中水平对齐厨房水槽卡?



我正试图将我的厨房水槽卡片水平对齐,这里是卡片的图片。

(https://i.stack.imgur.com/4JIXc.png)

这些卡片⬆️不是水平对齐的,因为你看到我想让他们水平对齐,我尝试了很多CSS &HTML代码,但没有一个工作。

这是我尝试的一行代码:

CSS:浮动:左;明确:没有。

您可以使用:-

display: flex;
justify-content: center;

设置父元素的水平居中。对于justify-content还有其他值,您可以使用这些值来按照您的需要对齐。

在bootstrap中,您可以简单地使用类:-

d-flex justify-content-center

设置父元素的水平居中。同样的,还有其他的类。你可以查看bootstrap文档。

你可以使用一个叫做display: flex;i的css属性,默认的伸缩方向是行。所以你可以将这个属性用于你的纸牌的主根元素。

最新更新