display 属性用于指定元素的布局行为，有多个值可供选择，包括 block、inline、inline-block、none、flex 和 grid。使用 display 属性，可以通过在 CSS 样式表中指定值来设置元素显示为块元素、行内元素或其他格式。例如，display: block; 会将元素显示为块级元素。
CSS 中 display 的用法
什么是 display 属性？
display 属性用于定义元素在页面上的布局行为，它指定元素如何显示为块元素、行内元素或其他格式。
display 的值
立即学习“前端免费学习笔记（深入）”；
display 属性接受以下值：
block – 元素显示为块级元素，占用整个可用宽度并从新行开始。inline – 元素显示为行内元素，与其他元素在同一行内并不会换行。inline-block – 结合了 block 和 inline 的特征，允许元素占用宽度，但仍然可以在同一行内与其他元素一起显示。none – 元素不显示在页面上。flex – 使元素成为 flexbox 布局的容器。grid – 使元素成为 grid 布局的容器。
如何使用 display 属性？
在 CSS 样式表中使用 display 属性，语法如下：
selector { display: value;}
例如：
p { display: block;}
这将使所有段落元素显示为块级元素。
display 属性的用法示例
将标题元素显示为块级元素：
h1 {display: block;}
将超链接显示为行内元素：
a {display: inline;}
创建可同时填充宽度和与其他元素同行的按钮：
button {display: inline-block;}
隐藏页面上的元素：
#my-element {display: none;}
以上就是css中display的用法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1628898.html
微信扫一扫 
支付宝扫一扫 
