Question

我无法找到在Firefox中使用这种方法的方法，我希望你能给我一些建议。我需要DIV类.inline-text中的所有文本出现在LABEL之外，并根据可用的宽度进行换行。它在IE中运行良好，但Firefox不喜欢它并将整个块推到新线上。如果我将.inline-text设置为具有固定宽度，它将工作正常，但不幸的是，对于我的项目，我不能这样做，所以我需要一种方法使其“流动”并仍然显示为内联。

我的CSS：

#container {
width:530px;
}
label {
font-weight:bold;
text-align:right;
width:130px;
margin-right:20px;
float:left;
display:inline;
}
.inline-text {
float:left;
display:inline;
}

我的HTML

<div id="container">
<label>A label</label>
<div class="inline-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean   commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus   et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>

Answer 1

如果我理解正确，这就是你想要的：

.inline-text {
  margin-left: 150px;
}

Answer 2

从float:left;删除.inline-text，从width:130px;删除label

示例：http://jsbin.com/usozi3

Firefox问题 - 带文本的内联DIV

2 个答案: