-1

我有 div，在那个 div 里面是浮动的子 div 和一个文本输入。我需要强制该文本输入填充剩余的水平空间并保持在同一行，除非某些最小宽度条件将该输入放置到下一行。可能吗？我不想为此使用javascript。

这是示例（写标签并按回车键）

编辑示例：我有 300px 宽度的 div。它包含 3 个具有不同宽度（例如 30、60、100）的左浮动 div 和一个文本输入。我希望在与浮动 div 相同的垂直位置上输入文本，因此它必须自动缩小以适应剩余空间 (300-(30+60+100) = 110px)。该文本输入具有一些最小宽度，因此它可以防止它变小，在这种情况下它会跳转到下一行）。

http://plnkr.co/edit/sulxnvR58LnQqyI7ddFK?p=preview

4

2 回答 2

0

你不能只使用百分比宽度来隐藏输入和溢出吗？

添加这个 CSS

div.tag-wrapper input[type=text] {
    width: 100%;
}
div.tag-wrapper {
    padding: 5%;
    overflow: hidden;
}
于 2013-06-29T18:06:01.513 回答
0

您可以尝试添加如下内容：

style="width: 100%; min-width=2000px;"

http://plnkr.co/edit/uuL91pnUBkBRHMziaGBs?p=preview

于 2013-06-29T18:05:14.730 回答