CSS强制新行

Question

我有这样的事情：

<li>Post by <a>Author</a></li>

我希望在新行中显示链接，例如

Post by
Author

我怎样才能做到这一点？清除：左边不起作用。

Answer 1

使用显示属性

a{
    display: block;
}

这将使链接显示在新行

中

如果要删除列表样式，请使用

li{
    list-style: none;
}

Answer 2

使用:before伪元素：

a:before {
  content: '\a';
  white-space: pre;
}

Answer 3

或者您可以使用：

a {
    display: inline-block;
  }

Answer 4

使用<br />或<br> -

<li>Post by<br /><a>Author</a></li>

OR

<li>Post by<br><a>Author</a></li>

或

制作a元素display:block;

<li>Post by <a style="display:block;">Author</a></li>

Try