Css 如何对齐未使用display flex的项目？
我有一个包含标题和主要内容的包装器。包装器被设置为显示Css 如何对齐未使用display flex的项目？,css,flexbox,Css,Flexbox,我有一个包含标题和主要内容的包装器。包装器被设置为显示flex，当我去对齐标题中包含的项目时，它将不会对齐，除非我也将标题标记设置为显示flex 我不明白为什么我必须在包装器和标题标签上设置displayflex，才能让它工作？我认为子容器（在本例中为标题）应该从父容器继承displayflex /*用于索引页面的样式，包括注册表和重置密码页面*/ * { 文字装饰：无； } html{ 字体系列：“Lato”，Arial，无衬线； } 身体， html{ 身高：100%； } .包装纸{ 身
flexflex包装器标题flex标题flex/*用于索引页面的样式，包括注册表和重置密码页面*/
* {
文字装饰：无；
}
html{
字体系列：“Lato”，Arial，无衬线；
}
身体，
html{
身高：100%；
}
.包装纸{
身高：100%；
显示器：flex；
弯曲方向：立柱；
}
标题{
弹性：1；
显示器：flex；
对齐项目：居中；
}
主要{
弹性：3；
}
测验管理员
当您在.wrapper
上声明flex
时，它只影响直接元素。header
的子项不继承flex
属性 您可以通过添加header>h1{display:inline block；}
来实现同样的效果，而无需在header中添加display:flex
，display
默认情况下不会被继承