gpt4 book ai didi

css - 将内联 block 的 div 居中

转载 作者:行者123 更新时间:2023-11-28 18:07:05 25 4
gpt4 key购买 nike

我有一个 .container div,我想在页面上居中。

不幸的是,div 应该适合里面的表格。因此,如果表格占页面的 75%,我希望 .container 也占 75%。

我的 .container 看起来像这样:

.container{
display:inline-block;
background:#FFF;
height:500px;
max-width:80%;
}

我做了一个 JSFiddle here .

感谢大家的帮助!

最佳答案

text-align:center 添加到 inline-block 元素的父级将使其居中。

Updated jsFiddle here

在这种情况下,它将是:

body {
text-align:center;
}

关于css - 将内联 block 的 div 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19440155/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com