请解释我
p {display: flex; justify-content: center}
当p中有太多(多于一个)文本行时,为什么justify-content:center
不起作用?
答案 0 :(得分:0)
Text-align
和justify-content
不是文字对齐的替代属性。它们是具有不同目标的不同属性。 text-align
用于指定块框中文本和内联内容的对齐方式,justify-content
用于证明弹性框中的flex项目。
我将 an example 放在一起,以演示justify-content
和text-align
如何一起玩。
参考规格:
text-align: left | right | center | justify | inherit
此属性描述块容器的内联级内容是如何对齐的
从灵活的盒子模型布局:
此值使元素生成块级flex 容器框。
justify-content: flex-start | flex-end | center | space-between | space-around **
justify-content属性沿着flex容器的当前行的主轴对齐flex项目
这些是一些推荐的资源,可以阅读灵活的盒子模型布局: