Question

我有15个名字，我想要做的是在三行中划分名称（每行5个名字），目前我使用<ul>和<li>标签

有没有办法在每一行上有三行5个名字？仍使用li和ul代码？

Answer 1

找到您想要的方法列表here。

Answer 2

这对我有用：
CSS：

.test {
    padding:0;
    margin:0;
    list-style-type:none;
    width:500px;
}
.test li {
    width:100px;
    float:left;
}

HTML：

<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>

Answer 3

确保float: left并设置总宽度的li width to 20%（可能会略低）。

Answer 4

您可以使用嵌套列表。 CSS允许使用display: inline和list-style-type: none内联列表。如果您将每个li元素水平列出这些属性，则可以将它们并排列出。

希望这有帮助

詹姆斯

<ul> <li>对列表行</li> </ul>

4 个答案: