动态添加输入字段增加容器宽度

文章/答案/技术大牛

发布

2回答

html、css、flexbox

因此，目前我隐藏了带有标题的div，并通过动态添加一个input元素来替换它。当我动态添加input元素时，header-wrapper div的大小会增加。我希望动态添加的输入的大小与heading元素(现在隐藏)的大小相同。并且包装器div的大小应该保持不变。我已经尝试了js的解决方案。但我正在寻找一个纯粹使用CSS的解决方案。我希望我的头包装是流动的，而不是固定的宽度。我只希望我的输入与带有类头的div具有相同

浏览 25提问于2020-04-06得票数 2

1回答

宽度可调的垫-选择选项覆盖窗格

angular-material

我使用mat-select来显示选项列表，因此当您单击mat-select输入字段时，它会显示使用cdk-overlay-窗格的选项列表。覆盖容器宽度设置为与mat-select输入字段相同。但是，它增加了32px的额外宽度来显示动画。这迫使容器显示在屏幕宽度之外，是否有任何方法可以调整cdk覆盖窗格容器宽度的宽度。 ?

浏览 16提问于2019-01-09得票数 2

1回答

根据容器自动缩放输入字段高度

html、css

谁能给出一个例子，如何根据容器高度缩放输入字段？例如，我正在增加屏幕大小，我的div容器(width& height)根据屏幕大小增加，但我不能根据div容器增加输入字段的height属性。输入字段的宽度会自动增加。因此，从字面上讲，高度值始终是相同的。为了保持简单和清晰，div容器越大，输入

浏览 16提问于2020-06-22得票数 0

回答已采纳

1回答

每当在底部的窗口中输入新项时，滚动条应该转到bottoop m。

javascript、jquery、html、css

我在我的项目中有一个类似聊天控件的控件&每当在底部输入新消息时，滚动条应该设置为底部。现在，消息正在添加，但滚动条的位置保持不变。无法将其设置为容器的宽度，因为它正在动态地增加。请帮帮忙。

浏览 1提问于2013-09-27得票数 0

回答已采纳

3回答

用于表单布局的HTML列或行？

html、css、forms、formatting

我正在构建一组具有标签和相应字段(输入元素或更复杂的元素)的表单。有两种方法(也许更多？)为实现这一目标：行：浮动每个标签和每个字段左。将每个标签和字段放入字段行div/容器中。将标签宽度设置为特定数字。使用这种方法，不同窗体上的标签将有不同的宽度，因为它们将取决于最长标签中文本的宽度</

浏览 4提问于2012-10-23得票数 4

回答已采纳

1回答

如何在flex中将按钮项目包装在链接栏中

apache-flex、flex3、flexbuilder

我正在使用一个具有动态变化的数据提供程序的LinkBar组件。用户可以使用管理工具在LinkBar中添加和删除项目。问题是，如果用户在LinkBar中添加了许多项，它的宽度会增加，直到它在我的容器中显示滚动条。我希望它能工作，这样当用户添加项目时，LinkBar宽度不会改变，但组件的高度会增加，额外的按钮会“包裹”到另一行。有什么建议吗？

浏览 2提问于2011-03-24得票数 0

1回答

如何将下拉列表的宽度更改为其实际输入大小

html、css、ember.js、input

我遇到的问题是列表与输入字段的宽度相同。我没有找到一个解决方案，动态地改变宽度，使其适合列表中的内容这就是它应该是什么样子 

浏览 0提问于2017-04-18得票数 0

1回答

为什么当我编辑输入元素的大小时，相邻元素的大小也会增加？

html、css

因此，我有两个嵌套在div中的输入元素，一个文本输入和一个按钮。但是，当我增加按钮的宽度和高度时，它也会增加相邻文本输入的大小。我想知道这是为什么。

浏览 2提问于2020-10-23得票数 2

回答已采纳

1回答

如何将字段放在窗体中，使其具有相同的高度和宽度

html、css

我试图把一个又一个的形式(在新的线上)的字段是相同的高度和宽度。label> <input type="date"/> 以上内容将在一个新的行上一个接一个地创建输入字段然而，它们都有不同的宽度。当我将输入元素的box-sizing改为content-box时，两个输入</e

浏览 0提问于2018-09-25得票数 0

回答已采纳

1回答

带有自动布局的拥抱屏幕侧边

ios、iphone、autolayout、interface-builder、nslayoutconstraint

我有一个表单样式布局，其中我希望标签拥抱屏幕的左侧，而字段拥抱屏幕的右侧。标签应该保持固定的大小，字段和标签之间应该有固定的边距，这样字段的宽度就会随着屏幕宽度的增加而增加。然而，当我调整到更大的宽度(iPhone 7，右侧)时，右侧的字段不会增加其宽度来拥抱屏幕的右侧，尽管它们的尾部空间限制：而且，所有这些都在滚动视图中，尽管我认为这并不重要，因为它只是一个容器我的

浏览 26提问于2017-07-24得票数 1

5回答

根据输入的字符动态增加输入类型文本文本框的宽度

javascript、jquery、html、textbox

我有一个textbox，用户可以在其中输入任意数量的字符，但我希望它的宽度随输入的字符数而动态增加。我已经做了如下所示的解决方案，它部分地工作，它将动态地增加宽度，但不是很精确，并且会隐藏第一个输入的字符，因为我在其中应用的逻辑很差。我刚给出了17个字符的疯狂计数开始增量。只有当字符数到达文本框.的末尾时，才能启动宽度增量。。我希望使输入到字段中的所有字符可见，而在默认情

浏览 9提问于2013-12-22得票数 3

回答已采纳

2回答

角材挣扎调整对话框元素的宽度

html、css、angular、typescript

我的文本对话框相当简单，它有一个标题，一个显示在文本输入上方的消息，文本输入区域，以及一个"Ok“和"Cancel”按钮。，但是对话框模板中的所有元素都不会增加大小。如果在调用窗口时不调整宽度，并且检查窗口的元素，则宽度为228.27。文本输入的宽度为180。当我将元素的宽度增加到600时，输入将保持相同的宽度。我试过检查对话框。所有的东西都放在对话容器中，包

浏览 0提问于2018-12-18得票数 0

回答已采纳

1回答

角-如何在可重用组件中添加不同的样式？

angular、typescript、angular-forms

我已经做了一个表，用户可以在其中添加数据。输入字段是一个可恢复的组件。这是stackblitz

浏览 6提问于2021-10-13得票数 0

回答已采纳

1回答

基于动态宽度父容器的比例宽度设置

javascript、css、angular-ui-bootstrap

我有一个div，它具有动态宽度(使用百分比大小)。在这个里面我有两个按钮，这里有一个问题，我必须使这两个按钮具有相同的容器长度。到目前为止，我已经成功地使第一个按钮具有动态宽度，但是这两个按钮并没有覆盖容器的所有内容。您可以看到，在小提琴，css类：“btn-拉伸”，这个类占85%的父容器。因此，这两个按钮需要与输入字段的宽度相同。

浏览 4提问于2015-04-06得票数 0

回答已采纳

1回答

旁边有按钮的输入框缩小了输入框宽度SAPUI5的宽度

sapui5

我在simpleform中动态添加一个flexbox。flexbox items包含输入框和两个按钮(在同一行中)。这减少了输入框的宽度。当我试图增加输入框的宽度时，它被按钮覆盖(按钮在增加宽度后不会移动到框旁边)。我希望它们在同一行中，输入框的宽度足够长。<l:VerticalLayout id="VLayout">

浏览 26提问于2019-01-27得票数 0

2回答

bootstrap3中文本输入字段的宽度

twitter-bootstrap、twitter-bootstrap-3

bootstrap3是否具有增加文本输入字段宽度的原生功能？我知道在bootstrap2中，我只需要添加一个像input-lg这样的类来修改输入的宽度，但是在bootstrap3中，这似乎只是增加了高度。

浏览 0提问于2013-08-31得票数 3

回答已采纳

2回答

将动态内容添加到外部容器时，内部元素宽度为什么不增加

javascript、html、css

当我向.innerright添加动态内容时。为什么.a的宽度不能动态增加。我应该怎么做才能确保.a动态获取.innerright容器的宽度。我使用javascript代码动态添加内容。

浏览 0提问于2015-06-07得票数 1

1回答

如何在自定义单元格中添加动态附加输入字段的约束

ios、objective-c、iphone

如何在自定义表格单元格中添加动态输入字段时，实现单元格的动态高度？UITextBorderStyleRoundedRect; NSLog(@"x value :: %f",x);使用上面的代码，我可以附加动态输入字段但是，当我们添加一个新的输入字段时，单元高度并没有<em

浏览 0提问于2019-12-04得票数 0

1回答

进行动态电子邮件输入

jquery、text、input、field、html

我正在尝试使这个动态电子邮件输入字段，它使用自动完成的输入文本字段，并将选定的接收者放在一个跨度前面的输入字段。这两个容器放在一个div中。div模拟输入字段，而span和输入字段不可见。使div框只包含选定的接收器，并确保空的输入字段不会占用空间。然而，目前的问题是，输入字段需要空间，并且通常会占用div的

浏览 2提问于2011-07-01得票数 0

回答已采纳

1回答

我们可以根据数据库中的字符数组大小来决定字段的宽度吗？

jasper-reports

我正在处理一个jasper报告，其中我必须显示彼此相邻的字段数量。现在，我对决定字段的宽度感到困惑。我想查看数据库表中字段的大小，然后在iReport designer中指定字段的大小。因为如果数据库中字段的大小是20个字符，并且如果我在iReport中将字段的宽度指定为20，那么对于20个字符来说，它太小了。我可以执行报告并根据输出调整字段的大小，但现在我在某些表中没有数据。

浏览 2提问于2015-10-05得票数 0

点击加载更多