2010-03-18 85 views
2

我想我第一次瞭解到這個屬性的時候,我認爲「我應該把這個項目列表放在ul中,但我希望它水平放置,不知我能否用CSS做到這一點?」當我搜索到這個時,我發現有幾個網站建議我創建一個CSS規則,將li元素的display屬性的值更改爲內聯。我還看到爲了強制垂直對齊屬性起作用而給出div(或其他塊元素)display: table-cell的建議。這些技術看起來很有風險。那有意義嗎?什麼時候使用CSS顯示屬性是個好主意?

這可能不是一個很好的比喻,但它似乎試圖像騎摩托車一樣騎車。是的,我可以用方向盤替換方向盤,戴上頭盔,然後卸下所有乘客座位,但是車子在兩個車輪上行駛時會發生什麼?

+0

巧合的是,我遇到了一種情況,我認爲將顯示屏更改爲屏蔽會幫助我在今天的工作中有所作爲。問題是我試圖嵌入YouTube視頻,我猜對象元素需要顯示:默認情況下內聯。這給了它底部的一點空間,以防它包含一個字母,例如'g',它掛在基線的下方。更改爲顯示:塊幫助在ff中,但不是。現在,我必須找到另一種擺脫這種空間的方式。黑客+0.5; + 0.5爲即吸。 – allyourcode 2010-03-18 19:47:26

回答

3

基本上的原則是:

  • 標記是語義;
  • CSS用於顯示。

實際中的線條模糊不清,但這是一個很好的起點。

所以列表是一種創建平面或層次項目組的方法。您可以使用display改變,從一個垂直列表水平列表(display: inline或使用float)等

所以你使用display財產的地方適當如何你想你的標記出現。聲音模糊?這是,但我想這個問題也是如此。

1

列表是一個列表,因爲他們說。這是一個事情的清單。你如何顯示它,好吧,這取決於你想如何想象它,對吧?

這是關於分離的關注。一個是什麼的東西是(LI,UL,OL),另一個是你怎麼顯示它(CSS)。它不必緊緊捆綁在一起。

相關問題