1

次のコードを使用して、iPad の UIWebView 内で複数列のテキストを正常に実現しました。

<html>
<head>
<style type="text/css">
div.body {
        direction:rtl;
    -webkit-column-count: 3;
    text-align: justify;
    font-size:24px;
}
</style>
</head>
<body >
<div class="body">
<img src="http://d2o0t5hpnwv4c1.cloudfront.net/958_placeholders/placehold.gif"/>
<p>Long text goes here</p>
<img src="http://d2o0t5hpnwv4c1.cloudfront.net/958_placeholders/placehold.gif" align="left"/>

</div>
</body>
</html>

しかし、できなかったことが 2 つあります。

  1. 2 番目をテキストの最後ではなく 3 列目の上に配置する方法。テキストは可変なので、インラインに入れることができないことに注意してください。
  2. これを複数列と複数行のレイアウトに進化させる方法。たとえば、の長いテキストが長すぎます。横向きの iPad の高さよりも長いテキストを 1 行に表示するのではなく、同じ 3 列の 2 行目にまたがってください。言い換え: 1x3 ではなく、必要に応じて2x3グリッドに1 つのテキスト本文を流したい。

私は、これに必要なあらゆる種類の再構築に対してオープンです。

4

0 に答える 0