ie9で display:flexが効かないので、flexibility.jsで対応することにしました
その結果、横並びにはなったのですが、折り返してくれません
ソースは以下のとおりです
html
1<head> 2略 3<!--[if lte IE 9]> 4<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flexibility/2.0.1/flexibility.js"></script> 5<script> 6$(function(){ 7flexibility(document.documentElement); 8}); 9</script> 10<![endif]--> 11</head> 12 13 14<ul> 15<li>aaa</li> 16<li>aaa</li> 17<li>aaa</li> 18<li>aaa</li> 19</ul>
css
1ul{ 2-js-display:flex; 3display:flex; 4flex-wrap:wrap 5} 6li{ 7width:50%; 8display:inline-block; 9}
flex-wrap:wrapが効かないときのために <li>に display:inline-blockを指定するという情報も見たので
対応しているつもりですが…
何が問題なのでしょうか、ご意見よろしくおねがいします
回答2件
あなたの回答
tips
プレビュー