0

大量のテキストを含む div に対して CSS で column-width プロパティを指定すると、正確な列数がページに収まるように実際の幅が自動的に調整されるようです。たとえば、400px の列幅が指定され、実際には 1000px のスペースがある場合、2.5 列のテキストを表示する代わりに (.5 列が右にオーバーフローして、ユーザーにパンを促します)、代わりに偶数を表示します。 2 列のテキスト。

dev.windows.com で、関連するすべての幅プロパティ (幅、列幅、列ギャップ、および列ルール幅) の値を指定すると、これを達成でき、それが機能することがわかりましたが、含まれている div の幅を決定する必要がありますが、それを流したいので、それはばかげているようです。

これは、思い通りに機能しない私の CSS です...

.csscolumns .columns {
    columns: 400px;
    overflow-x: scroll;
    height: 600px;
    padding: 20px;
}
4

1 に答える 1

0

CSS で「オーバーフロー」を調整してみましたか? 選択した要素に対して次のことを試してください。

overflow: hidden;

これにより、選択した要素の「オーバーフロー」コンテンツが親要素の後ろに隠されます。

于 2012-10-05T21:20:48.630 に答える