CSS力新線

Question

我有這樣的事情：

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

我想顯示在一個新的行鏈接，像這樣

Post by 
Author 

我怎樣才能做到這一點？清除：左側不起作用。

Answer 1

使用display屬性

a{ 
    display: block; 
} 

這將會使鏈接在新行

如果你想刪除列表樣式顯示，使用

li{ 
    list-style: none; 
} 

Answer 2

使用<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

Answer 3

如何用:before pseudoelement：

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

Answer 4

，或者您可以使用：

a { 
    display: inline-block; 
    }