资讯专栏INFORMATION COLUMN

CSS display属性

paulli3 / 2919人阅读

摘要:属性主要用来建立页面布局此时对应元素不会显示,用于隐藏元素此元素将显示为块级元素,并且前后都会有换行符,可以设置该元素的以及默认值,此元素显示为内联元素,元素前后没有换行符,且不能通过以及来设置元素的宽度以及高度行内块元素,显示为内联元素

display属性

display主要用来建立页面布局

none:此时对应元素不会显示,用于隐藏元素

block:此元素将显示为块级元素,并且前后都会有换行符,可以设置该元素的width以及height

inline: 默认值,此元素显示为内联元素,元素前后没有换行符,且不能通过width以及height来设置元素的宽度以及高度

inline-block:行内块元素,显示为内联元素,可以设置宽度以及高度

list-item: 此元素作为列表显示

run-in:此元素会根据上下文作为块级元素还是内联元素显示

table:此元素作为块级表格显示,类似

,前后有换行符

inline-table:此元素作为内联表格显示,类似

,前后没有换行符

table-row-group:类似

table-header-group:类似

table-footer-group:类似

table-row:类似

table-column-group:类似

table-column:类似

table-cell:类似

或者

table-caption:类似

, 表格标题

inherit:规定从父元素继承display属性

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/112231.html

相关文章

  • CSS display 属性详解

    摘要:如果项目只有一根轴线,该属性不起作用。后两个属性可选。弹性比为的子代占据父代框的空间是弹性比为的同级属性的两倍。其默认值为,也就是不具有弹性。此元素会根据上下文作为块级元素或内联元素显示栅格模型,类似栅格模型,类似转自属性详解作者 display的所有属性 {/* CSS 1 */ display: none; display: inline; display: block; disp...

    xingqiba 评论0 收藏0
  • CSS display 属性详解

    摘要:如果项目只有一根轴线,该属性不起作用。后两个属性可选。弹性比为的子代占据父代框的空间是弹性比为的同级属性的两倍。其默认值为,也就是不具有弹性。此元素会根据上下文作为块级元素或内联元素显示栅格模型,类似栅格模型,类似转自属性详解作者 display的所有属性 {/* CSS 1 */ display: none; display: inline; display: block; disp...

    马永翠 评论0 收藏0
  • CSS display 属性详解

    摘要:后两个属性可选。此元素会根据上下文作为块级元素或内联元素显示栅格模型,类似栅格模型,类似 原文地址:http://zhanfang.github.io/2016/07/22/display属性详解转载请注明地址及作者: zhanfang 最近瞎忙了好长一段时间,一直没时间写文章,想深入学习一下css的相关属性,所以有了这篇文章,如有错误请指针。 display的所有属性 /* CSS ...

    DevYK 评论0 收藏0
  • CSS display 属性详解

    摘要:后两个属性可选。此元素会根据上下文作为块级元素或内联元素显示栅格模型,类似栅格模型,类似 原文地址:http://zhanfang.github.io/2016/07/22/display属性详解转载请注明地址及作者: zhanfang 最近瞎忙了好长一段时间,一直没时间写文章,想深入学习一下css的相关属性,所以有了这篇文章,如有错误请指针。 display的所有属性 /* CSS ...

    TesterHome 评论0 收藏0
  • cssdisplay

    摘要:块级元素元素默认是块级元素默认也是块级元素块级元素的特点元素的内容会充满整行行内元素属性为的元素被称为内连元素。行内块级元素属性为的元素被称为行内块级元素。 display css定位属性Positioning display: none 不再页面渲染元素 css-test .content { display: none; ...

    Rocture 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<