Flexbox:自动宽度到页眉，自动到段落

Flexbox: Auto width to Header, auto to paragraph

本文关键字：段落 Flexbox      更新时间：2023-10-01

我有一个flexboxdiv，它是对齐的开始和对齐的开始。在这个div中有两个div，第一个包含h1，第二个包含段落。

我试图设置一个flexbox配置，使div 1始终是标题（h1）的宽度，其余空间由带有段落的第二个div占据。

这是我的设置：

<div class="flex flex-justify-start flex-align-start">
    <div class="title">
        <h1 id="landingHeader">Headline</h1>
    </div>
    <div class="text">
        <p>Duis porttitor, neque in egestas pretium, nisl velit facilisis turpis, nec scelerisque nibh est faucibus purus. Nam ullamcorper facilisis turpis, sagittis varius turpis luctus in. Mauris pulvinar erat eget nisi tincidunt venenatis.</p>
    </div>
</div>

我已经想通了。。。这是将div.title设置为具有0的弹性收缩属性，将div.text设置为具有1的弹性增长属性和1的弹性收缩特性的组合

相关文章：