CSS3顯示爲塊

好吧，我不小心讓我的顯示器的無序列表，而對於< LI>成塊樣式，如下所示：CSS3顯示爲塊

li{ 
    display: block; 
}

我意識到，我的子彈隱藏的我輸入的是風格，所以我並不需要添加列表樣式，如下所示：

li{ 
    display: block; 
    list-style: none; 
}

但是，問題是：什麼是顯示爲塊的結果？因爲我認爲默認的< li>和大多數HTML標籤都是以塊的形式顯示的，所以我首先同意我是否添加「display：block」或者不是，它沒有任何意義，除了HTML5的新贈送標籤，例如，< nav> < header>，< footer>等等，我知道它對於早期的瀏覽器是必要的。在此先感謝。

來源

2014-11-16 Yagami

究竟是什麼問題？您似乎已經知道將「li」顯示爲塊的結果 – Danield

給出顯示爲塊的結果究竟是什麼？因爲，首先，我認爲沒有輸入顯示，因爲塊不會做任何改變。 – Yagami

@Danield是的，我確實知道li標籤的結果，但是，如果我爲其他標籤輸入顯示塊作爲塊，是否還有其他任何屬性會改變？ – Yagami

出於同樣的原因，您可能希望li爲display: inline，您可能需要a（這是一個內聯元素）爲display: block。

簡單的例子：

a { 
 
    display: block; 
 
    width: 200px; 
 
    height: 100px; 
 
    line-height: 100px; 
 
    text-align: center; 
 
    border: 2px dashed red; 
 
}

<a href="#">I'm big!</a>

注較大的區域是如何點擊，你就不能設置寬度和高度上的內聯，所以display: block（或display: inline-block）的作品很好地爲此目的。

來源

2014-11-16 12:14:01

回答

相關問題