我正试图将我的厨房水槽卡片水平对齐,这里是卡片的图片。
(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属性,默认的伸缩方向是行。所以你可以将这个属性用于你的纸牌的主根元素。