列表项目不会出现在彼此旁边

Question

我遇到了问题，似乎无法找到解决方案。

我正在创建一个drupal网站，我想让这些列表项紧挨着彼此。它们的宽度是45％所以它应该可以彼此相邻，但我无法弄清楚如何。

我已经尝试将显示内联和内联块放在UL和LI的多个上，但没有任何变化。

我该怎么办？

Answer 1

只需使用float：

if(type==JOptionPane.OK_OPTION){
    txtDictionaryStartPage.requestFocusOnWindow();
}

ul {
  width: 940px;
}
li {
  margin: 6px;
  float: left;
  list-style: none;
}
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

Answer 2

如果您没有提供任何代码，很难找出您做错了什么。

我的猜测是你没有改变显示类型，因此元素仍然是块。如果是这样，那么设置宽度并不重要，每个元素都会保留在它自己的行上。

如果要显示彼此相邻的列表项，请使用float或display:inline;

请参阅this fiddle，了解不同方法的示例以及为什么有些方法不起作用。