display:flexを指定してwidthが効かない場合

 

display:flexを指定してwidthが効かない場合

たとえばこんな構造で
<div class=”pc_col”>
<dl class=”hyou_li”>
<dt class=”hyou_li_ttl ft_gray3″>今日の天気</dt><dd class=”hyou_li_con”>晴れ</dd>
</dl>
<dl class=”hyou_li”>
<dt class=”hyou_li_ttl ft_gray3″>昨日の天気</dt><dd class=”hyou_li_con”>曇り/dd>
</dl>
<dl class=”hyou_li”>
<dt class=”hyou_li_ttl ft_gray3″>一昨日の天気</dt><dd class=”hyou_li_con”>雷</dd>
</dl>
</div>

dlのhyou_liにwidthかけても効かなくて全部横並びになってしまった場合、display:flexをかけている.pc_colにflex-wrap:wrap　をかけると効くことがあるよ。

flex-wrap:wrapは次の行に右回り？で改行されるという指定。