【问题标题】:How to left justify text using css flexbox如何使用css flexbox左对齐文本
【发布时间】:2021-09-03 04:33:27
【问题描述】:

两行中的每一行都设置为display: flexjustify-content: space-between。由于文本的长度不同,它们并没有按照我想要的方式与红线对齐。如何以文本长度无关紧要且始终保持对齐的方式排列它们?

【问题讨论】:

  • 请在问题中发布足够的代码,以便我们重现问题。谢谢。

标签: css flexbox


【解决方案1】:

在第二行,中心元素(文本)被扩展,因为文本的宽度更大。 如果您希望所有行左右对齐(对于选择加入按钮),您应该查看flex-shrinkflex-grow

https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-09
    • 2018-03-16
    • 2015-04-26
    • 2016-09-08
    相关资源
    最近更新 更多