51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课
免费课
排行榜
短视频
直播课
软考学堂
全部课程
软考
信创认证
华为认证
厂商认证
IT技术
PMP项目管理
免费题库
在线学习
文章
资源
问答
课堂
专栏
直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
51CTO博客
首页
关注
排行榜
精品课程
免费资料
软考题库
科目全、试题精、讲解专业，扫码免费刷
搜索历史
清空
热门搜索
查看【
】的结果
写文章
创作中心
登录
注册
css display属性的区别
51CTO博客
>
热门标签
>
css display属性的区别
全部内容
精选文章
免费资料
代码库
标签简介
时间
热度
默认
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。
免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。
免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价
免费试学
CSS
display
属性
实例 使段落生出行内框： 所有主流浏览器都支持
display
属性
。 注释：如果规定了 !DOCTYPE，则 Internet Explorer 8 （以及更高版本）支持
属性
值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"
css
换行符
层次结构
html
内联元素
转载
mb5ffd6f53cf9c6
2016-12-19 10:20:00
342
阅读
2
评论
CSS
display
属性
CSS
display
属性
CSS
参考手册实例使段落生出行内框：p.inline {
display
:inline; }亲自试一试浏览器支持IE Firefox Chrome Safari Opera 所有主流浏览器都支持
display
属性
。注释：如果规定了 !DOCT...
CSS
内联元素
换行符
原创
mp624183768
2023-03-28 14:58:19
142
阅读
CSS
display
属性
CSS
参考手册 定义和用法
display
属性
规定元素应该生成
的
框
的
类型。 说明 这个
属性
用于定义建立布局时元素生成
的
显示框类型。对于 HTML 等文档类型，如果使用
display
不谨慎会很危险，因为可能违反 HTML 中已经定义
的
显示层次结构。对于 XML，由于 XML 没有内置
的
这种层次结构，所有
display
是绝对必要
的
。 注释：
CSS
2 中有值 compact 和 marke
css
内联元素
换行符
块级元素
html
转载
mob604756eb17db
2013-05-30 00:33:00
220
阅读
2
评论
CSS
display
属性
值 描述 none
css
html
CSS
水平垂直居中
原创
已注销
2023-03-24 10:32:38
192
阅读
CSS
DIV中Visibility和
Display
属性
的
区别
如果你想改变一个HTML元素
的
可见性，你会把这个元素
的
CSS
属性
改为visibility：hidden还是
display
：none？这两个
属性
有什么不同？在页面元素可见性改变时你如何应对？
CSS
DIV中Visibility和
Display
属性
的
区别
这里有个Demo可以比较visibility：hidden和
display
：none
的
区别
。点击页面上部
的
链接，页面里绿色
的
Div
的
转载
精选
wxweven
2012-12-29 14:50:23
688
阅读
CSS
中
display
属性
block，inline，none
的
区别
display
的
属性
值有很多，最常用
的
是以下三种。值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。下面附上一个例子，更加直观
的
体现了他们三者之间
的
区别
。This is a
display
原创
程序员达叔
2021-07-22 10:43:24
1482
阅读
【
CSS
】【12】
CSS
盒子
的
display
属性
该文参考了《别具光芒》一书，特此声明。
CSS
原创
qingkechina
2013-07-31 19:16:09
878
阅读
1
点赞
css
display
:flex
属性
css
display
:flex
属性
Flex是Flexible Box
的
缩写，意为"弹性布局" 设为Flex布局以后，子元素
的
float、clear和vertical-align
属性
将失效。 flex
的
属性
flex-direction 容器内元素
的
排列方向(默认横向排列) 1：flex-dir
前端css
css
默认值
基线
转载
mb5fe5608dce902
2020-07-01 17:31:00
369
阅读
2
评论
css
display
:flex
属性
一：
display
:flex 布局
display
:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出
的
一种新
的
方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器
的
支持。 Flex是Flexible Box
的
缩写，意为"弹性布局"，用来为盒状模型提供最大
的
灵活性。设为Flex布局以后，子元素
的
float、clear和vertical-ali
css display
转载
mb6004f6df2b07a
2021-01-18 17:49:41
674
阅读
2
评论
css
display
:flex
属性
一：
display
:flex 布局
display
:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出
的
一种新
的
方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器
的
支持。 Flex是Flexible Box
的
缩写，意为"弹性布局"，用来为盒状 ...
display:flex 布局
转载
mb607022e25a607
2021-05-04 11:54:26
2352
阅读
2
评论
慎用
CSS
display
属性
display
:block 会导致换行，原来未仔细读过其详细文档，今天碰到类似问题很是费了一番功夫。将有问题
的
页面代码拷贝如下：<html><table width=80><tr> <td nowrap> <font style="
display
:block">abcdefghigklmnopqrstuvwxyz 1234567890&l...
css
html
换行符
数据
javascript
转载
mob604756f59f47
2009-07-31 11:40:00
325
阅读
2
评论
CSS
操作——
display
属性
display
可以指定元素
的
显示模式，它可以把行内元素修改成块状元素，也可以把别的模式
的
元素改成行内元素。diisplay常用
的
值有四个。 语法： /*
display
: block; // 声明当前元素
的
显示模式为块状元素
display
: inline; // 声明当前元素
的
显示模式为行内元素 ...
CSS
显示模式
行内元素
块状元素
IT
转载
mb5fe559b5073e8
2021-09-30 15:33:00
428
阅读
2
评论
CSS
的
display
显示
属性
使用
一,
css
的
显示模式（
display
) 学习
的
初期，我们就要知道，标准文档流等级森严。标签分为两种等级： 行内元素 块级元素 比如h1标签和span，同时设置宽高，来看浏览器效果，那么你会发现： 二，行内元素和块级元素
的
区别
行内元素： 与其他行内元素并排； 不能设置宽、高。默认
的
宽度，就是文字
的
宽
css
原创
nice_小浪
2021-07-29 09:41:46
618
阅读
理解
CSS
中
的
display
属性
display
属性
规定元素生成框
的
类型，默认值inline。
属性
值有很多，但常用且支持度较好
的
就那么几个。 block block元素当不设置宽度时，宽度为父元素
的
宽度，独占一行，支持设置宽高、外边距、内边距。不支持
CSS
的
属性
标签： inline inline元素宽度由内容撑开，不独占一行， ...
宽高
外边距
内边距
ide
默认值
转载
mb5fed6ec4336ce
2021-09-30 13:54:00
199
阅读
2
评论
javascript 获取
css
属性
display
# 如何使用 JavaScript 获取元素
的
CSS
属性
display
在前端开发中，JavaScript 与
CSS
紧密相连，能够实现对网页元素外观
的
动态控制。获取
CSS
属性
，尤其是样式
属性
如 `
display
`，是常见需求之一。本文将逐步引导你如何使用 JavaScript 获取某个元素
的
`
display
`
属性
，并提供详细
的
代码示例和注释来帮助你理解。 ## 流程概述 下
CSS
代码示例
javascript
原创
mob64ca12e86bd4
10月前
124
阅读
CSS
标签模式
display
属性
这是一个s标签 这是一个div 这是一个strong
display
: nonevisibility: hidden ...
display属性
转载
mb607022e25a607
2021-05-04 11:58:54
318
阅读
2
评论
CSS
标签模式
display
属性
块元素常见元素: ~、、、、、行内元素常见元素: 、、、、、、、、、 我是中国人 这是一个s标签 这是一个strong 这是一个div ...
元素
转载
mb607022e25a607
2021-05-04 11:59:16
317
阅读
2
评论
CSS
的
Display
属性
可能
的
值
none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（
CSS
2.1 新增
的
值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下
css
换行符
内联元素
块级元素
html
转载
mb5fdcad8719a20
2016-06-11 10:42:00
182
阅读
2
评论
CSS
visibility与
display
属性
所有主流浏览器都支持 visibility
属性
。 注释：任何
的
版本
的
Internet Explorer （包括 IE8）都不支持 "inherit" 和 "collapse"
属性
值。 visibility
属性
规定元素是否可见。即使不可见
的
元素也会占据页面上
的
空间。
display
属性
来创建
CSS
默认值
表布局
javascript
css
原创
mb611f1a641bd18
2021-08-20 11:32:44
515
阅读
css
visibility 与
display
的
区别
visibility 中文意思是 可见度
display
中文意思是 显示两个最大
的
区别
是visibility：hidden 隐藏时表单中
的
对象还在，只是隐藏了
CSS
表单
css
块级元素
原创
ldzyz007
2023-10-10 16:59:19
94
阅读
首页
1
2
3
4
5
共100条记录
精品课程
免费资料>
2025软考
系统架构设计师
系统规划与管理师
软件设计师
系统集成项目管理工程师
信创认证
系统架构师
信创集成项目管理师
信创规划管理师
系统开发工程师
厂商认证
CKA/CKS架构师
红帽认证工程师
Oracle-OCP认证
Oracle-OCM认证
IT技术
数据库高级工程师
AIGC大模型实战
Linux云计算架构师
Python全栈开发
华为认证
数通HCIP认证
云计算HCIE认证
华为存储HCIE认证
HCIP安全认证
相关文章
CSS Display属性的双值写法
CSS Display属性与盒模型
CSS中display和visibility的区别
CSS：display和visibility隐藏的区别
CSS display:table属性用法解析
CSS BOX类型和display属性
理解与应用css中的display属性
相关搜索
全部
css display 属性
css display属性
css display属性block
css display属性的作用
css display属性的区别
css中的display属性
css的display属性
css的display属性flex
css的display属性例子
display属性 css
Copyright © 2005-2025
51CTO.COM
版权所有 京ICP证060544号
关于我们
官方博客
全部文章
热门标签
班级博客
了解我们
网站地图
意见反馈
友情链接
鸿蒙开发者社区
51CTO学堂
51CTO
软考资讯
