css - 智能调整 html 输入行的大小

标签 css

我有一个 trtd 包含 input。关于 width,我没有应用任何 size 属性或 style

有些 input 只包含单个数字,有些包含单词。包含个位数的有很多额外的空格,而包含单词的则少得多。

当我调整包含 table 的页面大小时,table 缩小以保持 100% 适合页面。但是,所有 input 似乎基本上都以大约相同的速率调整大小,而不管哪个 input 有最多的空间可以放弃。空格是指 input 中不显示任何数据的空白区域;右边的额外空间(因为我的输入是左对齐的)。

<code>input</code>s are not reduced intelligently

是否有一个 css 属性适用于这种情况,以帮助完成减少 inputsize ,这些 input 有最多的空白要首先放弃并放置关闭尽可能长的截断可见文本?

最佳答案

您可以尝试使用如下脚本自动调整输入大小:

https://stackoverflow.com/a/931695/288568

无论如何,到目前为止,该脚本不适用于下拉菜单,但可以进行调整。

但是:如果第一行是 1,第二行是 11,那么输入的大小就会不同。

关于css - 智能调整 html 输入行的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37367488/

相关文章:

html - UL CSS 列 - 排列列高度以匹配多行

javascript - JQuery : find tr(class = x) get td(class =y) count td variables and attribute, 而不是相应地更改 tr

html - 如何使用 CSS 更改 iframe 页面而不更改父页面和外部链接

javascript - 如何自动调整选项卡的高度以适合内容

javascript - 使用 JQuery 修改伪元素的 css

html - 溢出导致的padding bottom : auto

html - 如何让 Bootstrap 4 卡片不一直向右拉伸(stretch)

javascript - Firefox 和 IE 中的背景位置动画问题

javascript - 如何通过单击页面关闭覆盖

javascript - 可调整大小的处理程序在叠加弹出 div 向下滚动后移动