段組セットが崩れた場合はbreak-insideを指定する。
.pair{columns:16rem}
.pair>li{break-inside: avoid-column/*avoid-page*/;width:16rem}
比較
@import url('//gnjo.github.io/schoolmono.css');
.pair{list-style:none;font-family:schoolmono;font-size:14px;}
.pair>li{list-style:none;display:flex;flex-direction:row;line-height:1;
justify-content:space-between;padding-top:6px;border-bottom:1px solid #ccc}
.pair>li:hover{border-color:#111}
.pair{columns:16rem}
.pair>li{break-inside: avoid-column/*avoid-page*/;width:16rem}
.pair.igavoid>li{break-inside:unset;}
<ul class="pair">
<li><div>KEY0</div><div>VALUE0</div></li>
<li><div>KEY1</div><div>VALUE1</div></li>
<li><div>KEY2</div><div>VALUE2</div></li>
<li><div>KEY3</div><div>VALUE3</div></li>
<li><div>KEY4</div><div>VALUE4</div></li>
<li><div>KEY5</div><div>VALUE5</div></li>
<li><div>KEY6</div><div>VALUE6</div></li>
<li><div>KEY7</div><div>VALUE7</div></li>
<li><div>KEY8</div><div>VALUE8</div></li>
</ul>
<hr>
<ul class="pair igavoid">
<li><div>KEY0</div><div>VALUE0</div></li>
<li><div>KEY1</div><div>VALUE1</div></li>
<li><div>KEY2</div><div>VALUE2</div></li>
<li><div>KEY3</div><div>VALUE3</div></li>
<li><div>KEY4</div><div>VALUE4</div></li>
<li><div>KEY5</div><div>VALUE5</div></li>
<li><div>KEY6</div><div>VALUE6</div></li>
<li><div>KEY7</div><div>VALUE7</div></li>
<li><div>KEY8</div><div>VALUE8</div></li>
</ul>