如何在CSS的内联块中显示垂直溢出的项目

index.jpg

我想使用css或js中的任何一个在col 1中显示前五个项目,在col 2中显示其余五个项目。

请帮助我。 谢谢。

fluid120 回答:如何在CSS的内联块中显示垂直溢出的项目

您可以使用弹性布局来设置列。

ol {
  display: flex;
  flex-flow: column wrap;
  height: 100px;
}

li {
  width: 150px;
}

a {
  display: inline-block;
}
<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
  <li>Item 11</li>
  <li>Item 12</li>
  <li>Item 13</li>
  <li>Item 14</li>
  <li>Item 15</li>
</ol>

本文链接:https://www.f2er.com/3107817.html

大家都在问