固定宽度浮动的div与柔性宽度内容

我有固定宽度的容器我试图像这样来格式化内容：固定宽度浮动的div与柔性宽度内容

Description: [button][button]

基本上，描述标签占用50％时，按钮控件采取增长50％。

<div style="width: 300px;"> 
    <div style="width: 145px; margin-right: 5px; float: left;">Description:</div> 
    <div>[button][button]</div> 
</div>

在这种情况下，有更多的按钮比将适合在右侧，而不是让它们包住这样的：

Description: [button][button] 
[button][button]

我我被浮动，像这样的说明这样做倒是宁愿布局是这样的：

Description: 
[button][button][button][button]

所以基本上，我无法想出一个简单的布局，将让的描述标签，在50％的宽度，保持解开控制和处理以上两种情况。我很积极，我缺少一些简单的东西 - 任何指针？

来源

2013-01-21 Paul Mennega

你可以看到我的演示on JsBIN

使用white-space财产断行，以防止。

来源

2013-01-21 22:23:25

您可以使用white-space和float一个组合在这里看到关于这个的jsfiddle http://jsfiddle.net/UGEBM/1/

来源

2013-01-21 22:24:51

固定宽度浮动的div与柔性宽度内容

回答

相关问题