gpt4 book ai didi

html - 输入元素,显示 block

转载 作者:行者123 更新时间:2023-11-28 03:57:17 25 4
gpt4 key购买 nike

为什么在将其显示更改为 block 后,输入元素不会自动占据其容器宽度的 100%?还有其他一些因素也会对此产生影响吗?谢谢。演示见下:


一些解释: 1. 我故意注释掉 width:100%,因为 block 级元素应该占据其容器宽度的 100%。


#container {
width: 300px;
margin: auto;
background-color: red;
}

input[type="text"] {
display: block;
opacity:0.5;
/*width:100%;*/
}
<body>
<section>
<div id="container">
<input type="text">
</div>
</section>
</body>

最佳答案

我不是专家,但我很确定这是因为您注释掉了 width:100%。尝试取消注释,然后它应该可以工作

#container {
width: 300px;
margin: auto;
background-color: red;
}

input[type="text"] {
display: block;
opacity:0.5;
width:100%;
}

关于html - 输入元素,显示 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43390670/

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