Flexbox:自动宽度到标题,自动到段落

时间:2015-02-12 17:46:45

标签: javascript html css flexbox

我有一个flexbox div,这是合理的开始和对齐开始。在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>

1 个答案:

答案 0 :(得分:0)

我已经弄清楚了...... 它是将div.title设置为flex-shrink属性为0,div.text为flex-grow属性为1,flex-shrink属性为1

的组合。