0

小さな段落で問題が発生しています。写真でわかるように、テキストを左の列に流し続けたいのですが、代わりに段落が右にジャンプします。これは、列がどのように「埋められる」かに関連していると思いますが、私が見る限り、Chrome では column-fill プロパティはサポートされていません。どのような代替手段がありますか?

ここに画像の説明を入力

関連する CSS:

#display {
    max-width: 120ch;
    min-height: 100%;
    column-count: 2;
    -webkit-column-width: 50ch;
    -webkit-column-gap: 3em;
    padding: 1em;
}
p,
.texto {
    margin: 3em 0 0 0;
    font-size: 1.25em;
    line-height: 1.25em;
    color: rgba(0, 0, 0, 0.8);
}

関連する HTML:

<div id="display">
    <h4>Party Disbanded</h4>
    <h1>Cr&oacute;nica</h1>
    <p>14 de Goch del 1308 DGGP</p>
    <p class="texto">Text here.</p>
</div>
4

1 に答える 1