Source: How to prevent column break within an element?.
Problème:
|
1 2 3 |
.tabs-panel { column-count: 2; } |
Solution:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
.tabs-panel { column-count: 2; table { margin-bottom: 0; tr { -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ display: table; /* Actually FF 20+ */ width: 100%; td { width: 50%; } } } } |
