当前位置： 文江博客话题详情

CSS 中的对齐/边距

发布于 2024-10-11 05:34:14 字数 427 浏览 2 评论 0原文

为什么下面的内容看起来没有任何作用？

    <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 有没有更好的方法来做到这一点？

谢谢！

原文

Why does the following seemingly do nothing?

    <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>

Obviously, I have some more HTML to go along with this.

Is there a better way to do this in CSS3?

Thanks!

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（2）

寄风 2024-10-18 05:34:14

在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>

In CSS3 you can do:

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

If you want to support older browsers, you need to specify a width:

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

but it's actually better if you apply it to a parent container...

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

<div class="container">
  <h1></h1>     
  <form></form>
</div>
回复 原文
暮倦 2024-10-18 05:34:14

您最好使用 text-align:center 因为

和

会将其宽度设置为 100%默认情况下。

you better use text-align:center instead because <form> and <h1> will set its width to 100% by default.

回复 原文
~没有更多了~

关于作者

ゃ人海孤独症

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

lorenzathorton8

文章 0 评论 0

Zero

文章 0 评论 0

萧瑟寒风

文章 0 评论 0

mylayout

文章 0 评论 0

tkewei

文章 0 评论 0

17818769742

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文