display 属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。
display是CSS中的一个常用属性,可用于规定元素应该生成的框的类型,在网页开发中经常需要用到。
对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
父级元素有display:box;属性之后。他的子元素里面加上box-flex属性。可以让子元素按照父元素的宽度进行一定比例的分占空间。
如:
html:
<article> <section>01</section> <section>02</section> <section>03</section></article>
article{ width:600px; height:200px; display:-moz-box; display:-webkit-box; display:box;}
.sectionOne{ background:orange; -moz-box-flex:3; -webkit-box-flex:3; box-flex:3;}.sectionTwo{ background:purple; -moz-box-flex:2; -webkit-box-flex:2; box-flex:2;}.sectionThree{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; background:green;}
**区别**,仅是各阶段草案命名。- W3C 2009年第1次草案:[display:box;](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)- W3C 2011年第2次草案:[display:flexbox | inline-flexbox;](https://www.w3.org/TR/2011/WD-css3-flexbox-20110322/)- W3C 2012年第5次草案及以后的候选推荐标准:[display:flex | inline-flex;](https://www.w3.org/TR/2012/WD-css3-flexbox-20120612/)
前者是flex 2012年的语法,也将是以后标准的语法,大部分浏览器已经实现了无前缀版本。后者是2009年的语法,已经过时,是需要加上对应前缀的。
"Display Diagnostic URL"通常是指在电脑或其他设备上的一个选项,允许您查看设备的诊断信息和报告,并获得一个URL(网址),以便与技术支持人员分享这些信息,以帮助解决问题。
这个选项通常可以在操作系统或特定的应用程序中找到,以帮助用户和技术支持人员诊断和解决设备上出现的问题。例如,当您在某个应用程序中遇到问题时,您可以点击“Display Diagnostic URL”选项来获得一个URL,并将其与技术支持人员分享,以便他们能够查看有关该应用程序的诊断信息,从而更好地了解问题的根源并提供解决方案。
请注意,这个选项的名称和具体功能可能因设备和应用程序而异,具体操作方法可能略有不同。
隐藏这个样式
还没有评论,来说两句吧...