0

我在一个固定宽度的容器中有内容，我试图像这样格式化：

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% 宽度，保持控件展开并处理上述两种情况。我很肯定我错过了一些简单的东西 - 任何指针？

4

2 回答 2

1

你可以在 JsBIN 上看到我的演示

使用该white-space属性来防止换行。

于 2013-01-21T22:23:25.513 回答
1

您可以在此 jsFiddle http://jsfiddle.net/UGEBM/1/white-space上使用和的组合float

于 2013-01-21T22:24:51.003 回答