html中display的用法（html5中的 display:inline-flex; 和 display: flex;有什么区别）

本文目录

• html5中的 display:inline-flex; 和 display: flex;有什么区别
• html文档隐形标签是什么有什么作用
• HTML中的 是干什么的</a></li><li><a href="#soogor3">html，div，css的display的语法，后面两个截图不理解，大家帮我看一看，有分，谢谢</a></li><li><a href="#soogor4">这个HTML中用display:none;隐藏了的属性该怎么让它显示出来</a></li><li><a href="#soogor5">asp.net @html.Display 这个怎么用</a></li><li><a href="#soogor6">html代码中关于display相关属性的疑问及其他请教</a></li><li><a href="#soogor7">在html中用display怎么实现这个功能</a></li><li><a href="#soogor8">display标签的使用</a></li><li><a href="#soogor9">网页的源文件中css中“display”属性是什么意思</a></li></ul><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor0" name="soogor0">html5中的 display:inline-flex; 和 display: flex;有什么区别</a></h2><p>前者display:box是2009年的语法版本，使用时需要加上浏览器的前缀，不过现在已经过时了。后者display:flex是2012年最新修正的语法版本，浏览器支持较好，也将成为以后标准的语法。中间2011年也提出了一个奇葩的语法版本display:flexbox，非官方的，当时主要是为IE浏览器使用。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor1" name="soogor1">html文档隐形标签是什么有什么作用</a></h2><p>display：none 指让该元素隐藏 页面不显示 visibility:hidden 指该元素隐藏 元素还在 占位置比如需求中需要 点击按钮 元素不显示 就可以酌情选择使用上面属性解答不易 纯手打 望采纳 不懂可以追问</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor2" name="soogor2">HTML中的 <plaintext style=“display:none“> 是干什么的</a></h2><p><strong>plaintext标签</strong></p><p>不符合标准网页设计的理念,不赞成使用</p><p>plaintext标签是单独出现的,《plaintext》</p><p>plaintext标签的所有内容，将按照HTML源代码的方式显示</p><p>style=“display:none“</p><p>style是规定元素的样式，后面的display:none是他的值；display是规定元素生成框的类型（可以理解为显示方式），后面的none是他的值，意思是不显示。</p><p>总的来说，这段代码，会导致他后面的所有内容都不显示。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor3" name="soogor3">html，div，css的display的语法，后面两个截图不理解，大家帮我看一看，有分，谢谢</a></h2><p>　　这位网友你好，如果元素（也就是对象）是块级元素，那么它默认为block，此元素会独自占一行，也就是说它的前后会自动添加换行，例如《p》标签。如果是inline，也就是内联元素，这样的元素前后不会换行，例如《span》标签。</p><p>　　你可以连续写两个《p》标签，再连续写两个《span》标签就知道效果了。</p>《p》独自占一行《/p》《p》独自占一行《/p》《span》不会换行《/span》《span》不会换行《/span》</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor4" name="soogor4">这个HTML中用display:none;隐藏了的属性该怎么让它显示出来</a></h2><p>利用display命令，设置是否及如何显示元素。display 显示状态 display:none 隐藏 display:block 块显示 display:inline 内嵌 display:table 表格显示 display:list-item 项目列表 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor5" name="soogor5">asp.net @html.Display 这个怎么用</a></h2><p>@Html.Display(“ShowName“); 创建一个id为showname的label,推荐使用Html.DisplayFor可以关联到模型显示</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor6" name="soogor6">html代码中关于display相关属性的疑问及其他请教</a></h2><p>~~不是cpp看多了吧~~在CSS里inline所谓的“内联”，直观地看就是不换行，就像行标签一样。但div作为块元素本身的大部分属性都是继承的。至于说的双边问题，在火狐里支持的很好，而在IE里，其实也可以用《div》《div》《/div》《div》《/div》《/div》这种格式解决问题。现在div+css排版风靡，因为span有点鸡肋了。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor7" name="soogor7">在html中用display怎么实现这个功能</a></h2><p>这种事推荐使用Javascript做试试这个代码《!-- 使用div实现简单选项卡 --》 《!DOCTYPE html》 《html》 《head》 《title》HTML实现简单选项卡《/title》 《meta charset=“utf-8“》 《style type=“text/css“》 .sli-active{ color: yellow !important; } .sli-btn{ background:linear-gradient(to right,black,rgb(10,15,10)); color: white; width: 100px; height: 20px; display: inline-block;} .btns{ background:linear-gradient(to right,black,grey); display: flex; height: 20px; } .sli-info{ background:linear-gradient(to right,black,grey); color: white; } *{ margin: 0; padding: 0; } 《/style》 《/head》 《body》 《!-- 按钮div(用户点击的) --》 《div class=“btns“》 《div id=“btn_1“ class=“sli-btn sli-active“》一号《/div》 《div id=“btn_2“ class=“sli-btn“》二号《/div》 《/div》 《!-- 内容div(实际展示信息的) --》 《div id=“info1“ class=sli-info》 一号按钮对应的信息 《/div》 《div id=“info2“ style=“display: none;“ class=sli-info》 二号按钮对应的信息 《/div》 《!-- javascript脚本 --》 《script type=“text/javascript“》 //获取所有元素(div) var btn1 = document.getElementById(’btn_1’); var btn2 = document.getElementById(’btn_2’); var info1 = document.getElementById(’info1’); var info2 = document.getElementById(’info2’); //绑定事件句柄(通俗来讲就是叫浏览器知道当用户点击按钮的时候执行什么) //一号按钮被按下(为了支持触摸以及鼠标设备，同时绑定onclick(点击)和ontouchstart(手放在屏幕上)) btn1.addEventListener(“click“,function(){ //显示信息1，隐藏信息2 info2.style.display=“none“; info1.style.display=“block“ //更改按钮视觉效果 btn2.className=“sli-btn“; btn1.className=“sli-active sli-btn“; }); btn1.addEventListener(“touchstart“,function(){ //显示信息1，隐藏信息2 info2.style.display=“none“; info1.style.display=“block“ //更改按钮视觉效果 btn2.className=“sli-btn“; btn1.className=“sli-active sli-btn“; }) //二号按钮被按下(为了支持触摸以及鼠标设备，同时绑定onclick(点击)和ontouchstart(手放在屏幕上)) btn2.addEventListener(“click“,function(){ //显示信息2，隐藏信息1 info1.style.display=“none“; info2.style.display=“block“; //更改按钮视觉效果 btn1.className=“sli-btn“; btn2.className=“sli-active sli-btn“; }); btn2.addEventListener(“touchstart“,function(){ //显示信息2，隐藏信息1 info1.style.display=“none“; info2.style.display=“block“; //更改按钮视觉效果 btn2.className=“sli-btn“; btn2.className=“sli-active sli-btn“; }) 《/script》 《/body》 《/html》</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor8" name="soogor8">display标签的使用</a></h2><p>使用《display:column/》标签的情况《display:table name=“test“》《display:column property=“id“ title=“ID“ /》《display:column property=“name“ /》《display:column property=“email“ /》《display:column property=“status“ /》《display:column property=“description“ title=“Comments“/》《/display:table》property对应List里对象的属性（用getXXX()方法取得），title则对应表格表头里的列名。定义列有两种方式：A、《display:column property=“email“ /》使用《display:column/》标签里的property属性来定义B、《display:column title=“email“》email@it.com《/display:column》在《display:column/》标签体里增加内容，可以是常量，也可以用其他标签等等两种方式比较，用property属性来定义更加快速和利于排序。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor9" name="soogor9">网页的源文件中css中“display”属性是什么意思</a></h2><p>这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。注释：CSS2 中有值 compact 和 marker，不过由于缺乏广泛的支持，已经从 CSS2.1 中去除了。所有主流浏览器都支持 display 属性。注释：如果规定了 !DOCTYPE，则 Internet Explorer 8 （以及更高版本）支持属性值 “inline-table“、“run-in“、“table“、“table-caption“、“table-cell“、“table-column“、“table-column-group“、“table-row“、“table-row-group“、以及 “inherit“。--------------------------------------------------------------------------可能的值值 描述none 此元素不会被显示。block 此元素将显示为块级元素，此元素前后会带有换行符。inline 默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block 行内块元素。（CSS2.1 新增的值）list-item 此元素会作为列表显示。run-in 此元素会根据上下文作为块级元素或内联元素显示。compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。table 此元素会作为块级表格来显示（类似 《table》），表格前后带有换行符。inline-table 此元素会作为内联表格来显示（类似 《table》），表格前后没有换行符。table-row-group 此元素会作为一个或多个行的分组来显示（类似 《tbody》）。table-header-group 此元素会作为一个或多个行的分组来显示（类似 《thead》）。table-footer-group 此元素会作为一个或多个行的分组来显示（类似 《tfoot》）。table-row 此元素会作为一个表格行显示（类似 《tr》）。table-column-group 此元素会作为一个或多个列的分组来显示（类似 《colgroup》）。table-column 此元素会作为一个单元格列显示（类似 《col》）table-cell 此元素会作为一个表格单元格显示（类似 《td》 和 《th》）table-caption 此元素会作为一个表格标题显示（类似 《caption》）inherit 规定应该从父元素继承 display 属性的值。</p></article> <div id="rel"> <h3 class="zit kico-zi">少长咸集</h3> <ul> <li class="log"> <a href="https://sghij.cn/post/20675.html" title="查看finder继电器（全球继电器的生产厂家有哪些）》详情"> <img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="finder继电器（全球继电器的生产厂家有哪些）" class="cover"> <span class="pane"> <em class="zit kico-prev">上一篇</em> <b>finder继电器（全球继电器的生产厂家有哪些）</b> <span><small class="kico-time"><dfn>发表于</dfn>2023-08-29</small> <small class="kico-eye"><dfn>浏览</dfn>35</small> <small class="kico-ping"><dfn>评论</dfn>0</small></span> </span> </a> </li> <li class="log"> <a href="https://sghij.cn/post/20651.html" title="查看《alive和living的区别（alive与living的区别）》详情"> <img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="alive和living的区别（alive与living的区别）" class="cover"> <span class="pane"> <em class="zit kico-next">下一篇</em> <b>alive和living的区别（alive与living的区别）</b> <span><small class="kico-time"><dfn>发表于</dfn>2023-08-29</small> <small class="kico-eye"><dfn>浏览</dfn>35</small> <small class="kico-ping"><dfn>评论</dfn>0</small></span> </span> </a> </li> </ul> </div> </main> <aside id="side"> <div class="pane hidem" id="divCatalog"> <h4 class="zit">网站分类</h4> <ul><li class="stock"><a href="https://sghij.cn/category-1.html">编程 <mark>29820</mark></a></li> <li class="stock"><a href="https://sghij.cn/category-2.html">软件 <mark>30737</mark></a></li> </ul> </div><div class="pane hidem" id="divPrevious"> <h4 class="zit">最近发表</h4> <ul><li class="illus"><a href="https://sghij.cn/post/33765.html" title="我的坏心主人（有哪位大神能教我怎么安装《我的坏心主人》吗我下了五个安装包，一起解压，就是不成功！~）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="我的坏心主人（有哪位大神能教我怎么安装《我的坏心主人》吗我下了五个安装包，一起解压，就是不成功！~）" class="cover"><small>2024-09-23</small>我的坏心主人（有哪位大神能教我怎么安装《我的坏心主人》吗我下了五个安装包，一起解压，就是不成功！~）</a></li> <li class="illus"><a href="https://sghij.cn/post/33787.html" title="太鼓达人 iphone（iphone太鼓达人怎么玩啊）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="太鼓达人 iphone（iphone太鼓达人怎么玩啊）" class="cover"><small>2024-09-23</small>太鼓达人 iphone（iphone太鼓达人怎么玩啊）</a></li> <li class="illus"><a href="https://sghij.cn/post/54459.html" title="未来最吃香编程语言（学习哪些编程语言不会过时什么技术比较吃香）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="未来最吃香编程语言（学习哪些编程语言不会过时什么技术比较吃香）" class="cover"><small>2024-09-23</small>未来最吃香编程语言（学习哪些编程语言不会过时什么技术比较吃香）</a></li> <li class="illus"><a href="https://sghij.cn/post/54519.html" title="触发器update语句（SQL Server 2000中怎么使用update 触发器更改当前的字段）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="触发器update语句（SQL Server 2000中怎么使用update 触发器更改当前的字段）" class="cover"><small>2024-09-23</small>触发器update语句（SQL Server 2000中怎么使用update 触发器更改当前的字段）</a></li> <li class="illus"><a href="https://sghij.cn/post/54549.html" title="hibernate要学多久（web后端开发大概要学多久能掌握）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="hibernate要学多久（web后端开发大概要学多久能掌握）" class="cover"><small>2024-09-23</small>hibernate要学多久（web后端开发大概要学多久能掌握）</a></li> <li class="illus"><a href="https://sghij.cn/post/54553.html" title="linux在线安装gcc命令步骤（我是新手 问一下 怎么打开linux 安装gcc 不会安装 越通俗越好! 说的简单一点！）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="linux在线安装gcc命令步骤（我是新手 问一下 怎么打开linux 安装gcc 不会安装 越通俗越好! 说的简单一点！）" class="cover"><small>2024-09-23</small>linux在线安装gcc命令步骤（我是新手 问一下 怎么打开linux 安装gcc 不会安装 越通俗越好! 说的简单一点！）</a></li> <li class="illus"><a href="https://sghij.cn/post/33785.html" title="三国争霸攻略（三国争霸典韦攻略详解）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="三国争霸攻略（三国争霸典韦攻略详解）" class="cover"><small>2024-09-23</small>三国争霸攻略（三国争霸典韦攻略详解）</a></li> <li class="illus"><a href="https://sghij.cn/post/33791.html" title="win10关闭自动更新（如何关闭win10的自动更新）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="win10关闭自动更新（如何关闭win10的自动更新）" class="cover"><small>2024-09-23</small>win10关闭自动更新（如何关闭win10的自动更新）</a></li> <li class="illus"><a href="https://sghij.cn/post/33789.html" title="分析家是什么？优秀的时政分析家的视频可以在哪里看"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="分析家是什么？优秀的时政分析家的视频可以在哪里看" class="cover"><small>2024-09-23</small>分析家是什么？优秀的时政分析家的视频可以在哪里看</a></li> <li class="illus"><a href="https://sghij.cn/post/33784.html" title="游戏方向盘推荐（有没有平民价的游戏方向盘）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="游戏方向盘推荐（有没有平民价的游戏方向盘）" class="cover"><small>2024-09-23</small>游戏方向盘推荐（有没有平民价的游戏方向盘）</a></li> </ul> </div><div class="pane hidem" id="divComments"> <h4 class="zit">最新留言</h4> <ul></ul> </div></aside> </div> </section> <footer id="base"> <div class="inner"> <h4>&copy; 2024 <a href="https://sghij.cn/" class="zit">星码园</a> <p>本站网站为个人非盈利性网站，内容和图片均来源于网络，如内容或图片侵犯了您的权益，请持相关证明与站长联系，我们将及时删除不适内容。</p> <p><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">鲁ICP备2022000852号</a><span style="margin-left:2rem">站长E-mail:gk077921@qq.com</span><span style="margin-left:2rem">站长QQ:343489416</span></p></h4> <h5>Powered By <a href="//www.zblogcn.com" title="Z-BlogPHP 1.7.2" target="_blank">Z-Blog</a> Theme By <a href="//jgpy.cn" target="_blank" title="前端开发·自由设计">吉光片羽</a></h5> </div> </footer> </body> </html><!--58.87 ms , 9 queries , 2812kb memory , 0 error-->