お世話になります。
横並びにした li要素をクリックすると背景色が変わるようにしているのですが、
文字数がバラバラなので自動で高さを揃えています。
すると、hoverしたときは、背景色の高さが揃わず困っています。
アドバイスいただければ幸いです。
宜しくお願いいたします。
<ul> <li><a href="#panel1">あああ</a></li> <li><a href="#panel2">ああああああああああああ</a></li> </ul>
ul { display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } ul li { width: 50%; float: left; background-color: white; } ul li a { font-size: 1.5em; font-weight: 100; text-align: center; padding: 1em 0; color: #666666; display: block; } ul li a.active { background-color: #d55b5b; color: white; }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/09 08:29