display: flex继承
时间: 2023-09-16 19:11:30 浏览: 139
display: flex属性可以改变继承的选择规则。它是新版本的display属性,与display: box和display: inline-box相比较。当父元素设置了display: flex属性后,它的子元素就可以使用box-flex属性,以父元素的宽度进行一定比例的分占空间。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [浅谈display:flex对div宽度和高度继承的影响](https://blog.csdn.net/m0_52518047/article/details/124256841)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [display:flex属性](https://blog.csdn.net/weixin_34509196/article/details/117981053)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文
相关推荐










【单选题 】(10分)下面那个属性可以设置盒子的内边距 A. white-space B. margin C. width D. padding 2.【单选题 】(10分)请说出外边距定义规则的含义 margin : 5px 6px 10px; A. 定义的是上、左右、下边距的值 B. 定义的是上下、左、右边距的值 C. 定义的是上、右、下边距的值 D. 定义的是上、下、左右边距的值 3.【单选题 】(10分)下面哪个属性用来设置flex布局容器内容在交叉轴上的对齐方式: A. align-content B. flex-direction C. justify-content D. align-items 4.【单选题 】(10分)关于css的ID规则和class样式规则的命名,下面说法错误的是 A. 在给选择器命名时不能使用- B. 不建议使用字母序列abc,姓名拼音,或文字拼音缩写这样的命名方式; C. 在保证区块位置的情况下,可以使用结构化命名方式; D. 建议使用语义化的命名方式; 5.【单选题 】(10分)在使用flex布局时,如果需要项目换行,需要设置哪个属性: A. flex-wrap B. flex-flow C. flex-direction D. display 6.【多选题 】 (10分)下面哪些技巧可以优化css的定义和使用 A. 使用继承。 B. 使用外部样式表文件; C. 使用分组选择器; D. 使用简化属性; 7.【多选题 】 (10分)下面哪些是组合器选择器? A. a#menu:visited B. li#first + li C. div#header > a.style:hover D. div#top li 8.【多选题 】 (10分) 首页 要闻 一点号 下面哪个样式定义方案可以把上面的无序列表变成横向导航: A. ul#menu li{float: left;};ul#menu a{display: inline-block;} B. ul#menu{position: relative;};ul#menu li{position: absolute;};ul#menu a{display: inline-block;} C. ul#menu li,ul#menu a{display: inline-block;} D. ul#menu{display:flex;};ul#menu a{display: inline-block;} 9.【多选题 】 (10分)关于使用ID选择器和Class选择器,下面说法正确的是 A. Class选择器适用于跨功能区域、跨标签或没有特定规律的多次调用的样式定义。 B. 在定义时,ID选择器使用#作为样式开始,而Class选择器以.作为样式开始; C. ID选择器用于页面中特定功能区域的id命名,但必须是唯一的 D. 一个ID选择器在一个页面中可以多次调用,但是一个Class选择器在一个页面中只能使用一次 10.【多选题 】 (10分)下面哪些是默认的块元素: A. div B. span C. a D. ul






