gpt4 book ai didi

css - 是否允许按钮显示 :grid?

转载 作者:技术小花猫 更新时间:2023-10-29 10:17:45 26 4
gpt4 key购买 nike

<分区>

是否允许按钮具有 display:grid,或者更一般地说,是否有任何元素不能使用 display:grid 设置样式?

考虑:

button,
div {
display: grid;
grid-template-columns: 50px 50px;
}


/* Nevermind these, they're just for a consistent display */

button,
div {
border: 0;
background-color: gray;
color: black;
width: 100px;
text-align: center;
font-family: sans-serif;
font-size: 14px;
padding: 0;
}
Button:
<button>
<span>A</span>
<span>B</span>
</button>
<br>
Div:
<div>
<span>A</span>
<span>B</span>
</div>

Try it on JsFiddle

这是 Firefox (61.0.1) 中的结果:

Both look the same

这是 Chrome (68.0.3440.106) 中的结果:

Something is wrong with the button

Chrome 似乎不喜欢我尝试在按钮上使用 display:grid。这只是一个错误吗?还是有意为之?

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