- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一长串属于同一类别的子元素。随着子菜单的增长,我希望子菜单在 3 列中列出子菜单项时有所突破。那里有人知道如何做到这一点吗?
看这里说明了我的问题:
topmenu item
-submenu 1
-submenu 2
-submenu 3
-submenu 4
-submenu 5
-submenu 6
-submenu 7
-submenu 8
-submenu 9
-submenu 10
-submenu 11
-submenu 12
-submenu 13
-submenu 14
-submenu 15
-submenu 16
-submenu 17
-submenu 18
-submenu 19
-submenu 20
我需要它是这样的:
topmenu item
-submenu 1 -submenu 6 -submenu 11
-submenu 2 -submenu 7 -submenu 12
-submenu 3 -submenu 8 -submenu 13
-submenu 4 -submenu 9 -submenu 14
-submenu 5 -submenu 10 -submenu 15
谢谢
最佳答案
你可以使用 flexbox 来做到这一点
5 items demo | <强> 10 items demo | <强> 15 items demo
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
<div class="item">9</div>
<div class="item">10</div>
<div class="item">11</div>
<div class="item">12</div>
<div class="item">13</div>
<div class="item">14</div>
<div class="item">15</div>
</div>
.container{
max-height: 200px;
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
color: #fff;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.item{
height: 20px;
background: maroon;
width: 200px;
margin: 3px;
padding: 5px;
}
关于html - 我有一长串子元素属于同一类别,wordpress,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20741720/
我正在尝试创建一个程序,其中字符串的前三个字符重复给定次数,如下所示: foo('Chocolate', 3) # => 'ChoChoCho' foo('Abc', 3) # => 'AbcAbcA
我有以下字符串: std::string str = "Mode:AAA:val:101:id:A1"; 我想分离一个位于 "val:" 和 ":id" 之间的子字符串,这是我的方法: std::st
DNA 字符串可以是任意长度,包含 5 个字母(A、T、G、C、N)的任意组合。 压缩包含 5 个字母(A、T、G、C、N)的 DNA 字母串的有效方法是什么?不是考虑每个字母表 3 位,我们可以使用
是否有一种使用 levenstein 距离将一个特定字符串与第二个较长字符串中的任何区域进行匹配的好方法? 例子: str1='aaaaa' str2='bbbbbbaabaabbbb' if str
使用 OAuth 并使用以下函数使用我们称为“foo”(实际上是 OAuth token )的字符串加密 key public function encrypt( $text ) { // a
我是一名优秀的程序员,十分优秀!