2

iOSプラットフォームにePubリーダーを実装しています。CSSの複数列レイアウトを使用してHTMLファイルをページ分割しました。純粋なテキストのHTMLファイルでは正常に機能しますが、画像を読み込むときに、画像はいくつかのページに分割されます。

これが私のマルチカラムスタイルです：

body {
    -webkit-column-width:320px;
    -webkit-column-gap:22px;
    height:480px;
}

私は次のスタイルを実装しようとしました：

img{
    -webkit-column-break-inside: avoid;
}

しかし、それは機能していません。画像が分離しないようにするにはどうすればよいですか？

4

3 に答える 3

0 
img
{
max-width: 320px;
max-height: 480px;
height: auto;
};
于 2012-01-19T10:17:38.663 に答える
0

画像が 480px を超えると、画像が次の列に分割されます。列の高さは画像の高さよりも大きくする必要があります

于 2012-01-06T14:07:19.663 に答える