ここで私が使用しているコード:
<ul>
<li>TEXT<br>TEXT</li>
<li>TEXT<br>TEXT</li>
<li>TEXT<br>TEXT</li>
</ul>
ul {
-webkit-column-count: 3;
-webkit-column-gap: 90px;
column-count: 3;
column-gap: 90px;
-moz-column-count: 3;
-moz-column-gap: 90px;
}
問題は、Safari Mobile ではテキストの後のテキスト<br>
がトリミングされることです (他のブラウザーでは問題ありません.. まあ、IE < 10 の場合、汚いハックを使用しますが、気にしません)。問題を再現できるページは次のとおりです:
http://goo.gl/ojWx9
これは Safari Mobile のスクリーンショットです。