テキストを表示しているdivがあり、divの高さと幅が固定され、オーバーフローが非表示になっています。しかし、Firefox、Chrome、Safari では異なるテキストが表示されます。クロムとサファリでは、余分なテキスト行が 1 行表示されます。削除すると:
-moz-column-count:2;
-webkit-column-count:2;
プロパティは、すべて正常に機能します。ただし、このプロパティを追加すると、Firefox と Chrome で異なるテキストが表示されます。
クロムとファイアフォックスのスナップショットを添付しています。
<div style=" width: 710px; height: 70px;position:absolute;overflow:hidden;top=0;left=0;-moz-column-count:2;-webkit-column-count:2;z-index:102;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p> Vivamus mattis laoreet velit quis malesuada. Quisque tincidunt elit sit amet nibh volutpat id pretium nisl consequat. Quisque dictum lacus at mauris scelerisque auctor. Nulla adipiscing, sapien sit amet </p>
</div>
クロム ビュー
ファイアフォックスビュー
