自动调整隐藏DIV上输入文本区域的宽度

时间:2017-05-22 16:57:25

标签: html css

我使用隐藏/显示.js脚本隐藏了一些复选框,当我点击隐藏它时,右侧有搜索字段我要扩展。

实施例

隐藏之前:

Before hidding Image

隐藏后我想要将搜索字段扩展为100%

After hidding Image

我搜索了2天的东西并且无法找到扩展的方法我使用bTemplate引擎来存储HTML代码。

1 个答案:

答案 0 :(得分:-1)

您是否尝试通过" setAttribute"更改CSS属性?通过Javascript有问题的元素的方法?基本上,您习惯使用的代码隐藏了一些复选框"首先,非常类似于您编写代码以执行您希望执行的其他操作。

换句话说,当您希望复选框不在视图中并且文本输入框居中时(如在第二个参考图片中),您可以通过" setAttribute"写入Javascript代码。方法,以便当特定事件发生时,css"显示"复选框的参数可以设置为"隐藏",可以增加文本输入框的大小,以及css" position"可以将文本输入框的参数设置为使其居中等等。

当然,如果我正确理解您的问题。你能提供你正在使用的代码吗?如果我们能看到你所写的内容,我相信我或其他人可以澄清更多的东西。

希望至少有一点帮助! :)