gpt4 book ai didi

html - 减少 HTML 中输入的宽度

转载 作者:行者123 更新时间:2023-11-28 10:26:35 25 4
gpt4 key购买 nike

所以我在 HTML 中有一个输入标签,我需要将其宽度减小到(假设)其正常宽度的 80%。我试过设置 width:80% 但没有用。我更喜欢只使用 HTML/CSS 的解决方案,但我对任何事情都持开放态度。我的谷歌搜索得出的结果是将宽度更改为固定数量,如 50 像素,而不是相对于其正常宽度。谢谢!

<input id="myInput" type="text">

最佳答案

首先,获取当前输入宽度(myInputWidth)。将它乘以某个因子 (0.8)。然后修改宽度。

var myInputWidth = (document.getElementById("myInput").offsetWidth);

document.getElementById("myInput").style.width = myInputWidth * 0.8 + "px";

您可以查看此 here 的示例.

关于html - 减少 HTML 中输入的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51374043/

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