css - CSS 强制换行

Question

我有这样的事情：

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

我想在新行中显示链接，像这样

Post by
Author

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

score 61 · Accepted Answer

使用显示属性

a{
    display: block;
}

这将使链接以新行显示

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

li{
    list-style: none;
}

score 34 · Accepted Answer

34

使用伪元素怎么样:before：

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

于 2014-04-08T00:06:01.360 回答

score 1 · Accepted Answer

1

或者您可以使用：

a {
    display: inline-block;
  }

于 2014-04-22T10:21:59.537 回答

score 0 · Accepted Answer

使用<br />或<br>-

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

或者

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

或者

制作a元素display:block;

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

4 回答 4