gpt4 book ai didi

html - 在 Google Chrome for Mac 上将 CSS 中的输入按钮居中

转载 作者:行者123 更新时间:2023-11-28 19:04:36 25 4
gpt4 key购买 nike

我正在尝试将输入字段和按钮(标签)置于 html 表单的中心。我正在使用自动左右边距来做到这一点。这在大多数浏览器上运行良好,但不适用于 Mac 版 Chrome(它适用于 Linux 版 Chromium):

<html>
<body>
<form style="width: 300px; display: block; text-align: center; background: red;">
<input value="Centre" type="submit" style="display: block; margin: 10px auto; background: green;" />
</form>
</body>
</html>

我希望看到按钮位于表单的中央,但在 Chrome Mac 上我看到它位于左侧。如果我给它一个明确的宽度,按钮居中,或者如果我使用另一个表单元素,如文本区域,但这些都不是非常令人满意的解决方案。

最佳答案

去掉按钮的显示 block ;

<html>
<body>
<form style="width: 300px; display: block; text-align: center; background: red;">
<input value="Centre" type="submit" style=" margin: 10px auto; background:none; border:none; background-color:green;" />
</form>
</body>
</html>

试试这个。

关于html - 在 Google Chrome for Mac 上将 CSS 中的输入按钮居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4105591/

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