2014-01-24 103 views
1

我曾經讀過所有可以分配寬度的元素都是塊元素。對於大多數元素來說,這似乎是正確的。但是,也有相當多的這是不正確的(例如,按鈕,輸入,textarea等都可以有一個寬度分配給它,但它們是內聯元素)。標準背後,元素內聯vs塊

W3C在決定哪些元素成爲內聯和哪些成爲塊時使用了哪些標準?

+0

'span'是內嵌的,''span style =「display:block」>'現在是塊了......我沒有看到w3c標準影響我的代碼,因爲他們也給它提供瞭解決方法! :) – NoobEditor

+0

@NoobEditor:那是因爲你正在改變它與CSS。這個問題似乎在問關於HTML元素的默認值。 – BoltClock

+0

@BoltClock:嘿夥計...我很想你的迴應取得聯繫...! :) ....爲什麼我發佈該評論是因爲,我真的沒有看到一個問題,因爲所有*默認屬性*改變了一些地方或其他使用CSS,考慮'HTML,身體{保證金:0;填充:0}'<=我們沒有在這裏修改默認值,爲什麼還要關心其他的css呢,只要它不會完全違反語義...... ....你的想法..? :) – NoobEditor

回答

2

預計在一段測試中出現的元素是短語元素,因此呈現爲內聯級別。其他元素是塊級。另一種表達同樣意思的方式是說,在它們之前和之後期望新行的元素是塊級別的,否則它們是內聯級別的。

這只是部分與爲什麼寬度可以適用於他們有關。重要的是它們是否被渲染爲單個矩形框,或者它們的內容是否可以在一行中被打破。如果可以,寬度不適用,可能是因爲確定寬度設置在開始和結束於不同行時的真正含義非常困難。不能跨行打破的內聯級元素,即inline-block,inline-table或替換元素的元素可以應用寬度設置。