3

itensのリストを作成したいと思います。各項目は、複数の段落のように1行にする必要があります。

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矢印が表示されます。矢印sをsの右側に引き続き表示したい場合は、次を追加します。spanlabelspanlabel

#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 に答える