Html <;ul>&书信电报;李>;一定要把一行列成一行
我有15个名字,我想做的是把名字分成三行(每行5个名字),现在我使用Html <;ul>&书信电报;李>;一定要把一行列成一行,html,css,Html,Css,我有15个名字,我想做的是把名字分成三行(每行5个名字),现在我使用和标签 有没有可能在每行上有三行5个名字?仍然使用li和ul标签?找到一个方法列表,以满足您的需要。确保浮动:左,并将li宽度设置为总宽度的20%(可能略小)。这对我来说很有效: CSS: HTML: 一, 二, 三, 四, 五, 六, 七, 八, 九, 十, 十一, 十二, 十三, 十四, 十五 您可以使用嵌套列表。CSS允许使用display:inline和list-style-type:none将列表内联。如果给每个li
和标签
有没有可能在每行上有三行5个名字?仍然使用li
和ul
标签?找到一个方法列表,以满足您的需要。确保浮动:左
,并将li宽度设置为总宽度的20%
(可能略小)。这对我来说很有效:
CSS:
HTML:
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
- 十三,
- 十四,
- 十五
您可以使用嵌套列表。CSS允许使用display:inline
和list-style-type:none
将列表内联。如果给每个li
元素水平列出这些属性,则可以并排列出它们
希望这有帮助
詹姆斯+1真是个好发现。虽然我建议在你的回答中多描述一点,而不是期望OP跟随你的链接。没关系,但如果有很多答案,你的答案就不会经常被人看了。@Paul,我同意。然而,有几种方法可以实现这一点,所以我想我会给OP选择。这会改变html的语义,所以这不是一个理想的解决方案。一旦有人要求用一种非侵入性的方式使用适当的html进行布局,你最好还是这样:)
.test {
padding:0;
margin:0;
list-style-type:none;
width:500px;
}
.test li {
width:100px;
float:left;
}
<ul class="test">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
</ul>