• 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 建好欧美同学会 助力伟大中国梦 2019-05-13
  • 看把你高兴的屁颠屁颠的,光有赞有什么用?我给你个货真价实的 [大红包]。 2019-05-13
  • ?
    欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    您的位置:时时彩走势图后一 > DIV+CSS基础 >

    CSS基础必学列表

    DIV CSS display (block none inline)属性的用法教程

    时时彩走势图后一 www.cuhw.com.cn 在一般的CSS布局制作时候,我们常?;嵊玫絛isplay对应值有block、none、inline这三个值。下面我们来分别来认识和学习什么时候用什么值。这里通过CSS display知识加实例、图演示讲解方法来学习和了解DIV CSS display。

    目录
    1. CSS display使用
    2. display的值有哪些
    3. css display block显示
    4. css display none隐藏
    5. css display inline

    一、时时彩走势图后一 display使用     -   TOP

    以下为时时彩走势图后一运用dispaly,说明这里dispaly值任意

    CSS代码:
    .divcss5{display:none}

    Html对应运用:
    <div class="divcss5">我是测试内容</div>
    根据以上可以自己时时彩走势图后一下,看看使用结果

    常用display
    1、div{display:block} 有换行作用。
    案例:图片做背景,隐藏图片上文字//www.cuhw.com.cn/jiqiao/j55.shtml

    2、div{display:None } 隐藏对象及对象内容。
    案例:CSS隐藏HTML内容 //www.cuhw.com.cn/jiqiao/j55.shtml

    3、div{display:Inline } 在一排显示。
    代表案例,对li列表默认一排显示li{display:Inline }

    二、display的值有哪些     -   TOP

    Css display值与解释-(详细可见CSS手册CSS display手册
    参数:

    block :块对象的默认值。用该值为对象之后添加新行
    none :隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
    inline :内联对象的默认值。用该值将从对象中删除行
    compact :分配对象为块对象或基于内容之上的内联对象
    marker :指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
    inline-table :将表格显示为无前后换行的内联对象或内联容器
    list-item :将块对象指定为列表项目。并可以添加可选项目标志
    run-in :分配对象为块对象或基于内容之上的内联对象
    table :将对象作为块元素级的表格显示
    table-caption :将对象作为表格标题显示
    table-cell :将对象作为表格单元格显示
    table-column :将对象作为表格列显示
    table-column-group :将对象作为表格列组显示
    table-header-group :将对象作为表格标题组显示
    table-footer-group :将对象作为表格脚注组显示
    table-row :将对象作为表格行显示
    table-row-group :将对象作为表格行组显示

    三、css display block     -   TOP

    Display:block是我们常用的,block也是Display默认的值。
    解释:该对象随后的内容自动换行。
    css display block实例

    CSS代码:

    1. .divcss5{display:block} 

    Html对应运用代码:

    1. <span class="divcss5">我的后面文字会换行</span>我是被前面的divcss5对应CSS属性换行。 
    2. <span>不会被换行,因为我没有被设置display:block</span> 

    对应结果截图:
    div+css display
    说明这里使用span作实例,一个被设置CSS样式,一个未设置,自己可以对比被设置DIV display:block样式的对象随后的内容被换行。

    四、css display none隐藏内容     -   TOP

    此display的none值,我们也常常使用,用于隐藏对象内容,被隐藏的对象也不会占用自身固有宽度高度空间。
    详情可见CSS隐藏讲解://www.cuhw.com.cn/jiqiao/j55.shtml

    五、css display inline     -   TOP

    Display:inline,我们常常在li中使用它。功能是让li排成一排(称:删除行)。
    接下来我们以一个未设置li列表与一个设置css Display inline样式对比实例演示演示。

    Css代码
    ul.divcss5 li{display:inline}
    解释:ul.divcss5对应li css样式属性为display:inline

    Html对应代码:

    1. <ul> 
    2.     <li>我父级ul没有divcss5样式</li> 
    3.     <li>我是独行</li> 
    4.     <li>我是独行</li> 
    5. </ul> 
    6.  
    7. <ul class="divcss5"> 
    8.     <li>我父级ul有divcss5样式</li> 
    9.     <li>我站成一排</li> 
    10.     <li>我在divcss5下li站成一排</li> 
    11. </ul> 

    演示结果图:
    div css display none inline
    说明:设置css为display:inline的li对象,li被排成一排,而未设置的li列表对象仍然继承原来自身独占一行的CSS样式。

    以上是时时彩走势图后一为大家整理和展示的关于CSS display常用的属性对应display none、display inline、display block值的详细讲解与实例,希望对你有帮助。同时有什么问题或疑问请到DIVCSS5的CSS论坛发贴讨论、求助。

    如需转载,请注明文章出处和来源网址://www.cuhw.com.cn/rumen/r291.shtml

    我要分享到:
    上一篇:CSS 指针
    下一篇:css 字体颜色(css color)

    必备CSS教程 Essential CSS Tutorials

    必备HTML基础教程 Essential HTML Tutorials

     

    如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
    时时彩走势图后一文章修订日期:2010-05-29 10:54 原创:时时彩走势图后一
    本文时时彩走势图后一 www.cuhw.com.cn DIVCSS5版权所有。

  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 建好欧美同学会 助力伟大中国梦 2019-05-13
  • 看把你高兴的屁颠屁颠的,光有赞有什么用?我给你个货真价实的 [大红包]。 2019-05-13