重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下css中display属性的用法示例,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联企业建站,十年网站建设经验,专注于网站建设技术,精于网页设计,有多年建站和网站代运营经验,设计师为客户打造网络企业风格,提供周到的建站售前咨询和贴心的售后服务。对于成都网站设计、做网站中不同领域进行深入了解和探索,创新互联在网站建设中充分了解客户行业的需求,以灵动的思维在网页中充分展现,通过对客户行业精准市场调研,为客户提供的解决方案。
css定位属性Positioning
display:none
不再页面渲染元素
.content{
display:none;
}
这一段落不会被显示出来
这个段落会被显示出来
当一个元素中的display属性是none时,浏览器不会渲染这个元素里的任何内容,不会占据浏览器窗口空间,但它存在与文档流当中。
display:block
块级元素
p元素默认是block块级元素
块级元素的特点:元素的内容会充满整行
display:inline
行内元素
.content{
display:inline
}
display:inline-block
行内块级元素
.content{
display:inline-block
}
display:list-item
列表属性
.content{
display:list-item
}
display:inherit
继承父级元素的属性
.content{
display:inherit
}
正常的span元素效果,内容不会撑开整行
继承父级属性的效果,父级的display属性值是block继承后内容撑开整行
看完了这篇文章,相信你对“css中display属性的用法示例”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!