CSS 强制换行

CSS force new line

提问by Sebastian Starke

I have something like this:

我有这样的事情：

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

And I want to display the link in a new line, like this

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

Post by
Author

How can I achieve this? Clear:left doesn't work.

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

回答by Shiva Avula

Use the display property

使用显示属性

a{
    display: block;
}

This will make the link to display in new line

这将使链接显示在新行中

If you want to remove list styling, use

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

li{
    list-style: none;
}

回答by alxndr

How about with a :beforepseudoelement:

:before伪元素怎么样：

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

回答by Ya Basha

or you can use:

或者你可以使用：

a {
    display: inline-block;
  }

回答by Ishan Jain

Use <br />OR <br>-

使用<br />或<br>-

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

OR

或者

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

or

或者

make the aelement display:block;

制作a元素display:block;

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

Try

尝试