gpt4 book ai didi

html - 如何使用边距 : auto 使容器居中

转载 作者:行者123 更新时间:2023-11-28 13:10:54 25 4
gpt4 key购买 nike

由于某些原因,margin:auto 不工作。

HTML

<body>
<div id="background">
<div id="header">
<div id="title">Welcome</div>
</div>
</div>
</body>

CSS

#background {
min-width: 960px;
}

#title {
display: block;
margin: auto;
background-color: blue;
}

这只是在屏幕顶部画了一条蓝线,左边是“欢迎”一词。为什么我的 margin:auto 不工作?

最佳答案

通过边距水平居中的正确语法是:margin: 0px auto; 因为这会将左右边距设置为自动。如果使用这种方法,则需要为其设置宽度,因为默认情况下宽度为 100%。

或者,如果您只是将文本居中,您也可以使用 text-align:center

Working jsFiddle使用 text-align:center

Alternative jsFiddle..我不知道你想要达到什么风格。

关于html - 如何使用边距 : auto 使容器居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19062496/

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