gpt4 book ai didi

html - CSS 中的对齐/边距

转载 作者:太空宇宙 更新时间:2023-11-04 05:27:11 24 4
gpt4 key购买 nike

为什么下面看起来什么都不做?

    <style>
form {
margin-left:auto;
margin-right:auto;
}
h1 {
margin-left:auto;
margin-right:auto;
color : #2265FF;
}
</style>
<body>
<h1>Please type in the text to be converted!</h1>
<form> ... </form>

显然,我还有一些 HTML 可以配合使用。

在 CSS3 中有更好的方法吗?

谢谢!

最佳答案

在 CSS3 中你可以这样做:

form, h1 {
display: table;
margin: 0 auto;
}

如果要支持旧版浏览器,需要指定宽度:

form, h1 {
width: 500px
margin: 0 auto;
}

但如果将它应用到父容器中实际上会更好...

.container {
margin: 0 auto;
width: 500px;
}

<div class="container">
<h1></h1>
<form></form>
</div>

关于html - CSS 中的对齐/边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4637806/

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