如何将每个<li>放入一个新行？

Question

我正在为我的网站上的某个项目制作一个评论部分，所以为了放置评论和评论部分，我使用了

<ul>
 <li>
 Comment code
 </li>
 <li>
 Comment code
 </li>
</ul>

在li项目里面，div里面有div。我按照自己喜欢的方式制作了所有评论部分，一切都很好。

我唯一的问题是评论（li项目）是相互一致的。我尝试使用

.review_bottom li{
    list-style: none;
    display: block;
}

但它没有改变任何东西。我可以使用br标签修复它，但我不能，因为br将在PC或手机上工作，它不能与两者完美配合。

有什么建议吗？

Answer 1

您需要将您的课程应用到您的列表中：

-i

''

Answer 2

解决方案是在列表的每个项目之后插入换行符。

.review_bottom li {
  list-style: none;
}
.review_bottom li:after {
  content: "\A";
  white-space: pre;
}

<ul class="review_bottom">
  <li>
    Comment code
  </li>
  <li>
    Comment code
  </li>
</ul>

Answer 3

<ul>
 <li>
 Comment code
 </li><br>
 <li>
 Comment code
 </li><br>
</ul>

这就是你需要的 Html 代码