ページが分割されているときに表の境界線を止める方法はありますか？

Question

私のウェブサイトのカードには、CSSで作成された枠線があり、1列に3枚のカードが表示されます。 問題は、私はカードを分割したくないということです。 私のCSS：

<style> 
.card { 
    border-style: ridge; 
    border-width: 3px; 
} 
.card-deck{ 
    -webkit-column-count:3; 
    overflow-wrap:break-word; 
} 
</style> 

Cutted Cards

がどのようにsplitingカードを停止するには？

Answer 1

は、要素を.cardするbreak-inside: avoid;を追加します。

.card { 
    border-style: ridge; 
    border-width: 3px; 
    break-inside: avoid; 
} 

Answer 2

理論的には、あなたは.cardにbreak-inside: avoid;を使用することによってこれを避けることができるはずですが、残念ながらCSSの列のサポートは素晴らしいではありません。

さらに詳しい情報：https://css-tricks.com/almanac/properties/b/break-inside/

サポート：http://caniuse.com/#feat=multicolumn