0

我想显示一个国家列表：

国家：安哥拉、博茨瓦纳、布隆迪、科摩罗、刚果民主共和国、吉布提、埃及、厄立特里亚、埃塞俄比亚、肯尼亚、莱索托、利比亚、马达加斯加、马拉维、毛里求斯、莫桑比克、纳米比亚、卢旺达、塞舌尔、南非、苏丹、斯威士兰、坦桑尼亚、乌干达、赞比亚、津巴布韦。

但是当我尝试这样做时，我得到以下结果

国家：

安哥拉、博茨瓦纳、布隆迪、科摩罗、刚果民主共和国、吉布提、埃及、厄立特里亚、埃塞俄比亚、肯尼亚、莱索托、利比亚、马达加斯加、马拉维、毛里求斯、莫桑比克、纳米比亚、卢旺达、塞舌尔、南非、苏丹、斯威士兰、坦桑尼亚、乌干达、赞比亚、津巴布韦。

但是，如果国家/地区列表适合一行，则可以正常工作：

国家：安哥拉、博茨瓦纳、布隆迪

我该如何解决？这是代码

<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 回答