行内块状元素是什么?

行内块元素实际就是把块元素以行的形式展现,保留了块元素可以设置的对应CSS属性。css使用display:inline-block样式可以生成行内块元素。

CSS有个属性叫做display,其取值可以为inline-block。W3CSchool中说display属性规定元素应该生成的框的类型。

inline-block:行内块元素。(CSS2.1 新增的值)

也就是通过设置display属性的值,决定一个元素是块级元素还是行内元素还是行内块元素。

这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

display的几个属性值:

  • 块级元素:block

  • 行内元素:inline

  • 行内块元素:inline-block

块级元素和行内元素,大家已经了解了,那么如何使用行内块元素呢?行内快元素既有行内元素的特点也有块级元素的特点:

1、可以改变宽高(块级元素特点)

2、不独立成行(行内元素特点)

以上就是行内块状元素是什么?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑