HTML中display属性（3）

最新推荐文章于 2024-02-16 19:45:23 发布
最新推荐文章于 2024-02-16 19:45:23 发布
阅读量289 收藏
点赞数
分类专栏： # HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunnyaha12/article/details/107407574
版权

display属性

display： 用于框类型之间的转换

值：inline 行内

       block块级

       inline-block行内块级

       none 隐藏元素并且不占位

元素的嵌套规则

1、块级元素与块级元素平级，内联元素与内联元素平级。

2、块元索可以包含内联元素或某些块元素，但内联元素不能包含块元素，它只能包含其它的内联元索


3、有几个特殊的块级元素只能包含内联元素,不能再包含块级元素
h1、h2、h3、h4、h5、h6、p、dt


4、有些标签是固定的嵌套规则，比如ul包含li、ol包含li dl包含dt和dd等等.

sunnyaha12
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML: css中的display属性
炒茄子的博客
08-13 5085
块儿级标签可以设置长宽,, 当我们将div(块儿级标签)标签display: inline之后, 我们设置长宽的代码将会无效, 即便有这个设置长宽的代码，前端也不会有任何显示长宽的效果。行内标签无法设置长宽, 即便设置了前端也不会有任何效果, 当我们将span(行内标签)标签display: block之后, 我们设置长宽的代码生效。既有块儿级标签的效果， 又有行内标签的特点，譬如既可以在一行显示，又可以在一行设置长宽。未使用display: none前。使用display: none后。...
html中display属性,详解css中的display属性
weixin_34420979的博客
06-04 1014
首先，所有主流浏览器都支持 display 属性。其次，我们都知道display 属性规定元素应该生成的框的类型。默认值：inline我们常用的display属性值有：inlineblockinline-blocknone把 display 设置成 none 不会保留元素本该显示的空间，但是 visibility: hidden 还会保留。那么，display:inline、display:blo...
display属性详解
m0_68845148的博客
11-08 4701
display属性用于指定一个元素在页面中的显示方式display:block(将元素转换为块元素)（将元素转换为行内元素）（将元素转换为行内块元素）（元素将被隐藏）（将元素作为弹性盒子显示）（将元素作为网格容器显示）（将元素作为表格显示）display简单应用在元素类型的转换，首先我们要理解三种元素类型。HTML中标签元素大体被分为三种不同的类型：块元素、行内元素和行内块元素，各自具有不同的特点以及用途。元素分类英文举例独占一行默认宽度设置宽高块元素block。
关于html的display属性
最新发布
weixin_53211817的博客
02-16 634
HTML 的 `display` 属性用于控制元素的显示行为和如何在其容器中排布。
display属性详解及用法
橘猫吃不胖的博客
11-06 8924
display属性详解 1 block、inline、inline-block 2 flow-root 3 table、inline-table 4 flex、inline-flex 5 none 6 list-item 7 contents 8 grid、inline-grid
HTML之CSS 布局 - display 属性
11-02
display 属性是用于控制布局的最重要的 CSS 属性。display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。
display属性练习.zip
12-16
最流行的弹性布局方案小程序，供大家下载，希望可以帮到大家。 里面集合了flex的所有属性，可以自由调节，自由组合，自由增加项目。
逆战班：盒模型中display4种常用属性值.html
02-22
针对盒模型中display属性进行说明，对在盒模型中常用的display：none;display:block;display:inline;以及display：inline-block；的使用进行说明，欢迎大家交流。
详解css display:box 新属性
09-24
主要介绍了css display:box 新属性的相关资料,需要的朋友可以参考下
CSS display属性的table表格布局
01-19
项目改造中遇到DIV+CSS实现的table，新需求需要在表格...一、CSS display属性的表格布局相关属性的解释： table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。table-row-group 此元素会作为一个或多个
HTML的运用——display的属性
weixin_48619092的博客
09-07 892
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
Display P3
OPEN-OANOL
03-16 4909
引言 用Bridge预览照片时，发现由手机APP“SNAPSEED”编辑后生成的图片色彩描述文件是Display P3。没听说过，一时间以为是DCI-P3，但是感觉Display跟DCI又对不上。于是，百度。 明细 Display P3 是 Apple 在 DCI-P3 基础上参考了 sRGB 而修订出的自己的标准，它拥有 sRGB 的 Gamma 2.2, 而不是 DCI-P3 的 2.6. 同...
display几种常用的属性值
热门推荐
qq_41818857的博客
01-12 2万+
display有很多的属性值，这边就总结几个常用的属性值吧！ display:none; 设置元素隐藏，具体可见：display:none display:block; 设置元素为块级元素，块级元素可以独占一行，可设宽高。 display:inline; 设置元素为行内元素，一行可有多个行内块元素，可设宽高。 display:inline-block 设置元素为行内块元素，既有行内元素的（一行可......
html5中display属性,display的属性
weixin_39647180的博客
06-05 2519
在一般的css布局制作时候，我们常常会用到display对应值有block、none、inline这三个值。,display这个属性用于定义建立布局时元素生成的显示框类型。对于 html 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 html 中已经定义的显示层次结构。对于 xml，由于 xml 没有内置的这种层次结构，所有 display 是绝对必要的,要了解display...
html h1 不自动加粗,css如何使h1不换行？
weixin_30969157的博客
05-30 1865
在网页优化中，经常要使用H标签对关键字进行优化，可是如果是一行文字中的某个词加上了H1标记，就会换行。我们该如何使用css设置H1标记文本不换行？下面我们来看一下css设置H1标记的文本不换行的方法。css可以通过为H1标签设置display:inline样式是H1标签标记的文本不换行。display属性介绍：这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 d...
html的display属性
万物皆可互联，一切均可编程
09-10 2万+
block标签(比如div) 默认独占一行显示，撑满一行，高度为0 支持所有css命令 设置了宽度后，后面剩余的宽度还是会占一行，只是不显示 属性display可以改变标签的标签的属性 inline（内嵌）标签（比如span） 不占一行显示，后面可以继续跟同类型标签 内容撑开宽度 不支持宽高 不支持上下的margin和padding 代码换行被解析 属性display可以改变标签的标签的属性...
前端HTML中display属性的使用
个人笔记
02-21 768
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div,span{ background-color: pink; border: 1px solid red; } div{ width: 100px; height: 100
HTML中display:inline;特性
lanseguhui的博客
05-24 1万+
display属性inline内嵌式布局特点:1.可以支持同行排列2.不支持宽高的设置,不支持上下margin设置,支持左右margin的设置,大小由内部的文字撑开3.内部的标签的只能是文字或者Inline型标签,项目中的inline主要用来套文字4.浏览器会解析文档中两个inline型标签之间的空白符为间隙,该间隙大小不可控,不同浏览器大小不一致消除该间隙的方法1.为其父级设置font-size...
HTML中display属性应用
u014311114的博客
01-08 5113
复制一段HTML代码，始终不显示，所有该查看的地方都看了之后发现， data-options="closed:true,cache : false,modal: true" style="display: none;"> 多了一句style="display:none;"属性，要么用show，要么去掉
html中display属性
05-30
HTML中的display属性用于控制元素的显示方式。常见的取值包括： - block：元素将以块级元素的方式进行显示，即占据一行或多行，可以设置宽度和高度； - inline：元素将以行内元素的方式进行显示，即元素被包含在一...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值