カテゴリー:
Flexible Box Layout Module
閲覧数:426 配信日:2019-11-11 13:13
問題発生
解決できず苦しむ
「<li>タグ」内の「<a>タグ」クリック範囲を拡大しようとするが、うまくいかない
試してみたが、期待した通り動作しなかった内容
aタグで作ったリンクのクリック範囲を親要素のサイズに広げる方法
CSSでaタグに“display: block”を設定する
悩んだ末に気が付いたこと
「display:flex;」を設定している場合は、それに合わせた実装を行う必要がある
・「display:flex;」は「入れ子」設定可能
・縦に並べたい場合は「flex-direction:column;」を使用する。<br>タグを使用したり、<p>タグで囲っても改行されない