<ul><li>做列表行

Question

我有15個名字，我想做的是將名稱分成三行（每行5個名字），目前我使用<ul>和<li>標簽

有沒有辦法在每一行上有三行5個名字？ 使用li和ul標簽？

Answer 1

查找的方法列表做你想要的這里 。

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%設置為總寬度的li width to 20% （可能略小）。

Answer 4

您可以使用嵌套列表。 CSS允許使用display: inline和list-style-type: none display: inline list-style-type: none 。 如果您將每個li元素水平列出這些屬性，您可以並排列出它們。

希望這可以幫助

詹姆士