这应该很容易......为什么这不容易？我希望有2个并排的div，其中一个div将根据内部内容自动调整大小，第二个div将简单地填充剩余的宽度。如果“剩余宽度”div中的文本太大，我需要将其截断，因为我只能让这些div占据一行。我搜索了一整天，找到的最接近的是this建议使用仍然无法解决问题的表格的帖子。这是重现我的问题的jsfiddle代码:http://jsfiddle.net/ssawchenko/gMxWc/我希望你们中的一员能帮助我!===CSS(Hacky)解决方案？===显然，添加负边距(必须保证足够大以覆盖正确的尺寸)将“起作用”。这看起来很老套，而且可能并不能完全解决
是否有任何解决方法可以按预期完成此类工作？我希望有类似width:remainder;或width:100%-32px;的东西。width:auto;不起作用。我认为唯一可能的方法是解决填充/边距、负值或float，或一些html标记hack。我也试过显示:block；。我想得到与此相同的结果，没有表格http://jsfiddle.net/LJGWY/FillFixed 最佳答案 更新后的答案:这里的答案很旧。今天，这可以通过flexbox轻松实现:.container{border:4pxsolidred;display:fle
我在一个外部div中包含3个div。我通过将它们向左浮动来水平对齐它们。和div3作为右浮动alwaysshowsalwaysshowssometimesshowsdiv1和div3具有固定大小。如果div3被排除在外，我希望div2填满剩余空间。我该怎么做？ 最佳答案 像这样的事情呢？https://jsfiddle.net/Siculus/9vs5nzy2/CSS:#container{width:100%;float:left;overflow:hidden;/*insteadofclearfixdiv*/}#right{fl
我正在设计我的应用程序UI。我需要这样的布局:(是按钮)。问题是，我不知道如何确保TextView将填充剩余空间，两个按钮的大小是固定的。如果我对TextView使用fill_parent，则无法显示第二个按钮(>)。如何制作看起来像图像的布局？ 最佳答案 woodshy的回答对我有用，它比UngureanuLiviu的回答简单，因为它不使用RelativeLayout。为了清楚起见，我给出了我的布局: 关于android-如何使用View使布局填充剩余空间？，我们在StackOverf
我正在设计我的应用程序UI。我需要这样的布局:(是按钮)。问题是，我不知道如何确保TextView将填充剩余空间，两个按钮的大小是固定的。如果我对TextView使用fill_parent，则无法显示第二个按钮(>)。如何制作看起来像图像的布局？ 最佳答案 woodshy的回答对我有用，它比UngureanuLiviu的回答简单，因为它不使用RelativeLayout。为了清楚起见，我给出了我的布局: 关于android-如何使用View使布局填充剩余空间？，我们在StackOverf
这个问题在这里已经有了答案:Makeadivfilltheheightoftheremainingscreenspace(40个答案)关闭6年前。请看我的jsfiddle我希望绿色的中间div填充包装器div的剩余空间，无论它有多少内容。如果这很重要，我也会包括Bootstrap。
是否有可能制作一个表格(将具有动态创建的文本)例如:表格宽度为屏幕的100%5列最后一列为空()前四列有文字，宽度是动态的最后一列是宽度的剩余部分不压缩前四列中的文本到目前为止我有这个，它压缩了我试图避免的文本:OneTwoThreeTwoThreeFourThreeFourFiveFourFiveSix 我不能使用“white-space:nowrap”，因为如果有足够的文本，我确实希望文本换行。编辑:“如果我从表格标签中删除宽度属性，我只是希望[前四]列的宽度是它们的宽度。但表格仍然是页面宽度的100%。"有什么想法吗？CSS解决方案更可取!
我正在寻找一种将多个元素彼此相邻对齐的方法，让它们在填满一行后换行，最后一个元素占据最后一行的剩余宽度。我之前发现了多个关于类似主题的问题，解决方案通常使元素使用float:left将它们对齐在一条线上，并使用overflow:hidden使它自动占用剩余空间的最后一个元素。这些解决方案在一行中运行良好，但一旦在最后一个元素之前有足够多的元素，它们就会停止工作，它们会换成多行。然后，“last”元素仍然呈现在第一行(如果有足够的空间)，使其不再是最后一个元素。但是，我希望最后一个元素始终保持最后一个元素，将其放在最后一行(无论是哪一行)并自动占据那里的剩余空间。这对于一个包装flexb
是否有可能使包装器填充窗口高度(无滚动)和中心div可滚动而不会弄乱像素和javascript？HeaderhighcontentFooter基本上，我希望页眉在顶部可见，页脚在底部始终可见，并在中心有一个可滚动的内容，占据剩余高度。页眉、页脚和中心div的高度都是未知的(没有设置px或%，即可变字体大小或填充)。纯CSS有可能吗？ 最佳答案 2014更新:解决此布局问题的现代方法是usetheflexboxCSSmodel.所有主流浏览器和IE11+都支持它。2012:单独使用CSS实现此目的的正确方法是使用display:tab
在下面的HTML片段中，如何使包含“LAST”的列的宽度占据行的剩余部分，并且包含“COLUMNONE”和“COLUMNTWO”的列的宽度刚好足以包含它们的内容，而不是更大。谢谢table{border-collapse:collapse;}tabletd{border:1pxsolidblack;}COLUMNONECOLUMNTWOLASTANOTHERROW 最佳答案 您需要告诉前两列不要换行，并为最后一列指定99%的宽度:COLUMNONECOLUMNTWOLAST编辑:您应该将所有样式/演示文稿放在(外部...)css中。
