0

国のリストを表示したい:

国:アンゴラ、ボツワナ、ブルンジ、コモロ、コンゴ民主共和国、ジブチ、エジプト、エリトリア、エチオピア、ケニア、レソト、リビア、マダガスカル、マラウイ、モーリシャス、モザンビーク、ナミビア、ルワンダ、セーシェル、南アフリカ、スーダン、スワジランド、タンザニア、ウガンダ、ザンビア、ジンバブエ。

しかし、私がそれをやろうとすると、次の結果が得られます

国:

アンゴラ、ボツワナ、ブルンジ、コモロ、コンゴ民主共和国、ジブチ、エジプト、エリトリア、エチオピア、ケニア、レソト、リビア、マダガスカル、マラウイ、モーリシャス、モザンビーク、ナミビア、ルワンダ、セーシェル、南アフリカ、スーダン、スワジランド、タンザニア、ウガンダ、ザンビア、ジンバブエ。

ただし、国のリストが 1 行に収まる場合は問題なく動作します。

国:アンゴラ、ボツワナ、ブルンジ

どうすれば修正できますか?ここにコードがあります

<div class="field field-type-list-text field-label-inline clearfix">
  <div class="field-label">Country:</div>
<div class="field-items">
      <div class="field-item even"><div class="textformatter-list">Algeria, Angola, Benin, Botswana, Burkina Faso, Burundi, Cameroon, Cape Verde, Central African Rep, Chad, Comoros, Congo, Congo {Democratic Rep}, Djibouti, Egypt, Equatorial Guinea, Eritrea, Ethiopia, Gabon, The Gambia, Ghana, Guinea Conakry, Guinea-Bissau, Ivory Coast, Kenya, Lesotho, Liberia, Libya, Madagascar, Malawi, Mali, Mauritania, Mauritius, Mozambique, Namibia, Niger, Nigeria, Rwanda, Sahrawi Arab Dem. Rep., Sao Tome &amp; Principe, Senegal, Seychelles, Sierra Leone, Somalia, South Africa, Sudan, Swaziland, Tanzania, Togo, Tunisia, Uganda, Zambia and Zimbabwe</div></div>
  </div>

.field-label, .field-label-inline .field-items {
    float: left;
}
4

1 に答える 1

1
.field-label, .field-items, .field-item, .textformatter-list {
    display: inline;
}​

これは機能します。

デモ

于 2012-10-21T16:37:44.603 に答える