2014-08-29 65 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