gpt4 book ai didi

CSS Grid Firefox vs Chrome 与网格模板列的区别

转载 作者:行者123 更新时间:2023-12-05 06:15:06 25 4
gpt4 key购买 nike

<分区>

以下代码片段专为在 Firefox(2020-06-24 的 79.0a1)中使用而设计,其中 CSS 网格的行为符合我的预期(标签和输入在同一行,提交跨越字段集的宽度)。在 Chrome (83.0.4103.116) 中,标签和输入在不同的行上,提交按钮在其值允许的范围内尽可能窄。

<!DOCTYPE html>
<html lang="en">

<head>
<style type="text/css">
input[type="submit"] {
display: block;
grid-column-start: 1;
grid-column-end: 3;
}

label {
display: block;
text-align: right;
}

fieldset {
display: grid;
grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
}
</style>
</head>

<body>
<form action="/login" method="post">
<fieldset>
<label for="email">Email address</label>
<input type="email" name="email">
<input type="submit" value="Sign in">
</fieldset>
</form>
</body>

</html>

这是浏览器错误还是我在做一些愚蠢的事情?

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