justify-content在我的代码中的CSS网格中不起作用[duplicate]

xggvc2p6 于 2022-12-05 发布在其他

关注(0)|答案(2)|浏览(116)

此问题在此处已有答案：

Flexbox: center horizontally and vertically（14个答案）
3天前关闭。
下面是HTML代码：
第一个
在.grid-center选择器中，align-items工作正常，但justify-content就不工作
为什么会这样？怎么解决？有人能解决我的难题吗？

css

来源：https://stackoverflow.com/questions/74652410/justify-content-does-not-work-in-css-grid-in-my-code

2条答案

按热度按时间

cyvaqqii1#

您需要在网格中心选择器中添加display flex：

.grid-center{
  display: flex;
  align-items: center;
  justify-content: center;
}

赞(0）回复(0）举报 2022-12-05

s5a0g9ez2#

Align-items和justify-content可用于具有display: flex;的元素。我认为align-items: center * 似乎 * 可用于.container类中的margin: 0 auto;，因为它将内容居中。

赞(0）回复(0）举报 2022-12-05

我来回答

justify-content在我的代码中的CSS网格中不起作用[duplicate]

2条答案

相关问题

热门标签

最新问答