css中display属性的用法示例
发表于:2025-01-29 作者:千家信息网编辑
千家信息网最后更新 2025年01月29日,小编给大家分享一下css中display属性的用法示例,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!css定位属性Positioningdisplay:none不再页面渲染元素
千家信息网最后更新 2025年01月29日css中display属性的用法示例css-test css-test css-test css-test css-test css-test
小编给大家分享一下css中display属性的用法示例,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
css定位属性Positioning
display:none
不再页面渲染元素
.content{
display:none;
}
这一段落不会被显示出来
这个段落会被显示出来
当一个元素中的display属性是none时,浏览器不会渲染这个元素里的任何内容,不会占据浏览器窗口空间,但它存在与文档流当中。
display:block
块级元素
p元素默认是block块级元素
div默认也是block块级元素
块级元素的特点:元素的内容会充满整行
display:inline
行内元素
.content{
display:inline
}
display属性为inline的元素被称为内连元素。
相邻元素也是inline属性时,如果内容不够撑开整行。相邻元素的内容会显示在它傍边,当窗口整行不够显示时,内容会换行显示。
display:inline-block
行内块级元素
.content{
display:inline-block
}
display属性为inline-block的元素被称为行内块级元素。
行内块级元素的特性是独占一行,内容不会撑开整行
display:list-item
列表属性
.content{
display:list-item
}
display属性为list-item时元素会作为列表显示
下班要买菜
回家要做饭
display:inherit
继承父级元素的属性
.content{
display:inherit
}
正常的span元素效果,内容不会撑开整行
继承父级属性的效果,父级的display属性值是block继承后内容撑开整行
看完了这篇文章,相信你对"css中display属性的用法示例"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
元素
属性
内容
示例
不够
效果
段落
浏览器
篇文章
浏览
一行
完了
文档
更多
特性
特点
知识
空间
行业
资讯
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
广东网络软件开发条件
苹果系统数据库以删除吗
服务器密码团队管理工具
网络安全竟赛小学组
软件开发面试算法
解码网络安全审查方案
bvd数据库和汤森路透
网络技术基础知识视频
华创服务器
数据库商品进销存系统
网络安全法章条
医院楼校园网络安全
疫情防疫网络安全
软件开发增删改查吗
服务器安装定额是多少
sql 服务器管理器
洛克希德 马丁 网络安全
node 桌面软件开发
网络安全纵身防御体系
网络技术未来的应用
黄陂定制软件开发公司
数据库奶牛书
河南蓝牙软件开发
期权交易类软件开发
中兴网管连接数据库
批量管理服务器工具
注册服务器停止工作
苏州科技大学互联网 奖
软件开发用r7好还是i7好
用统计学术语描述数据库