3

我想建立一个项目列表。每个项目应该在一行中，就像几个段落一样。

为什么我的 div.empresa 元素在同一行？我认为它们应该在不同的行上，因为它们的显示属性是块。

看一下代码：http: //jsfiddle.net/Yz8Cq/

4

4 回答 4

11

你需要删除float: left;

#ListaDeEmpresas .arrow {
    height: 50px;
    width: 20px;
    background: url("/Content/SetaBrancoh40.png") no-repeat center center;
    background-color: #A9462F;
}

http://jsfiddle.net/spacebeers/Yz8Cq/5/

一开始，花车可能有点棘手。这篇文章很棒 - http://css-tricks.com/all-about-floats/

于 2012-07-05T16:05:59.977 回答
3

实际上，float: left从 中删除label会使箭头span出现在 的左侧label。假设您希望箭头spans 继续出现在labels 的右侧，那么您要添加：

#ListaDeEmpresas div.empresa {
    clear: left;
}

这将确保每个标签/跨度集都出现在前一个标签/跨度集的下方。

于 2012-07-05T16:13:00.477 回答
2

摆脱float: left;内#ListaDeEmpresas .arrow

于 2012-07-05T16:07:21.647 回答
2

float: left;是让他们这样做。

于 2012-07-05T16:07:40.420 回答