【发布时间】:2021-09-03 04:33:27
【问题描述】:
两行中的每一行都设置为display: flex 和justify-content: space-between。由于文本的长度不同,它们并没有按照我想要的方式与红线对齐。如何以文本长度无关紧要且始终保持对齐的方式排列它们?
【问题讨论】:
-
请在问题中发布足够的代码,以便我们重现问题。谢谢。
两行中的每一行都设置为display: flex 和justify-content: space-between。由于文本的长度不同,它们并没有按照我想要的方式与红线对齐。如何以文本长度无关紧要且始终保持对齐的方式排列它们?
【问题讨论】:
在第二行,中心元素(文本)被扩展,因为文本的宽度更大。
如果您希望所有行左右对齐(对于选择加入按钮),您应该查看flex-shrink 和flex-grow。
https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
【讨论】: