html - 如何将每个 换行？

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

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

.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>