Question

我想显示一个国家/地区列表：

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

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

国家/地区：

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

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

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

我该如何解决？这是代码

<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;
}

Answer 1

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

这很有效。

Demo

当项目是多行时，如何在同一行显示字段标签和字段项？

1 个答案: