gpt4 book ai didi

html - bootstrap - 使列的高度等于宽度

转载 作者:行者123 更新时间:2023-11-28 03:43:22 26 4
gpt4 key购买 nike

我有一个占6个网格单元的输入框。高度占21.981px如图1

我希望能够让它成为如图 2 中的正方形。如何实现这一点

enter image description here

enter image description here

 <form class ="form-inline">
<div class="row">
<div class="form-group col-xs-6">
<input id="p1a" type='text'
style='border: solid black 1px;'
onfocus='this.blur()'
readonly='true'
size='1'
value='&#x2753;' onclick='tristate_Marks(this)' />
</div></div>

最佳答案

您可以为此使用 CSS:

body {
width: 200px;
height: 200px;
background-color: red;
}
.square {
width: 100%;
padding: calc(50% - 21px) 0;
line-height: 21px;
}
<input type="text" class="square" value="test" />

关于html - bootstrap - 使列的高度等于宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44102081/

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