CSS：传递给新列时保持块不可分割

Question

我有以下（codepen）

.container{column-count:2; width: 50%; border: 1px solid;}
.entry{border: 1px dotted red;}

<div class="container">
  <div class="entry">
    <h3>header 1</h3>
    <div class="item">item 1</div>
    <div class="item">item 2</div>
    <div class="item">item 3</div>
  </div>
  <div class="entry">
    <h3>header 1</h3>
    <div class="item">item 1</div>
    <div class="item">item 2</div>
    <div class="item">item 3</div>
  </div>
  <div class="entry">
    <h3>header 1</h3>
    <div class="item">item 1</div>
    <div class="item">item 2</div>
    <div class="item">item 3</div>
  </div>
  <div class="entry">
    <h3>header 1</h3>
    <div class="item">item 1</div>
    <div class="item">item 2</div>
    <div class="item">item 3</div>
  </div>
  <div class="entry">
    <h3>header 1</h3>
    <div class="item">item 1</div>
    <div class="item">item 2</div>
    <div class="item">item 3</div>
  </div>  
</div>

有没有办法让“红色”区块不可分割？我的意思是，作为一个整体块完全传递到第二列？

Answer 1

将InsertintoDatabase添加到条目类应该有效。 CSS：

display: inline-block