2014-08-29 49 views
-1

我很清楚應用display:inline-block;在CSS中,但我很好奇,如果有默認情況下顯示爲內聯塊的HTML標記。與div &相輔相成。是否存在默認爲嵌入塊的HTML標籤?

  • DIV =塊
  • 跨度=直列
  • ??? = inline-block

在沒有默認標記的情況下,可以創建自己的標記嗎?

例)

<indiv></indiv> 


indiv { display: inline-block; } 
+0

有一個關於[自定義元素]的草稿(http://www.html5rocks.com/en/tutorials/webcomponents/customelements /),但他們的名字必須包含短劃線。 – Oriol 2014-08-29 01:24:14

+2

已經回答[這裏](http://stackoverflow.com/questions/21614938/html-element-which-defaults-to-displayinline-block)。發佈問題前請使用您選擇的搜索引擎。 – 2014-08-29 01:24:25

回答

0

帶內嵌塊的默認的樣式唯一HTML元素按鈕,文本區域,輸入和選擇。關於創建自己的標籤,有辦法做到這一點,但認爲大多數瀏覽器會錯過它。

此外,你可以玩很少使用的元素,如hri。只需更改這些元素的屬性,並使其可以隨意使用。這在Bootstrap中很常見,其中<i>標記用於在導航中顯示圖標

順便說一下,無法理解爲什麼當您只需向任何元素添加類時,應用內聯塊樣式和成爲一個快樂的人。但是,你的問題有答案。

注意:Marquee也是內嵌塊元素,但它在HTML5中已過時。但是,如果你是其中一個仍在使用HTML4.x或XHTML的人,或許它是有用的

+0

主要我只是想要使用通用標籤更清潔,而不必將class =「inlineblock」添加到我想內聯的每個div。 此外它看起來內聯塊的元素是非常特定的元素,所以不存在類似於span或div的通用/無類型的內聯塊元素。 – 2014-08-29 01:31:33

+1

「*默認樣式的內嵌塊的唯一html元素是button,textarea,input和select *」 - 我想這個答案是基於[附錄D. HTML 4的默認樣式表](http:// www。 w3.org/TR/CSS2/sample.html),但請注意,本附錄是信息性的,而非規範性的。 「*只需更改這些元素的屬性,並使其按需要工作。*」 - 不要這樣做! HTML是語義的,不是表示性的!因爲他們的造型而不是他們的意思,使用一些元素是不好的。 – Oriol 2014-08-29 01:32:24

+0

我敢肯定,使用Bootstrap的數百萬網站是不好的,但它們仍然有效,所以答案仍然正確。事實上,我認爲必須有「正確」編碼的現有網站總數的1%。這可能是一個伸手可及的距離。大多數高級網站的方式「不正確」。只是技術還沒有達到那個狀態,那些「不正確」的網站將在3-4年內成爲常態。 – Devin 2014-08-29 01:40:52