Html <;ul>&书信电报;李>;一定要把一行列成一行

Html <;ul>&书信电报;李>;一定要把一行列成一行,html,css,Html,Css,我有15个名字,我想做的是把名字分成三行(每行5个名字),现在我使用和标签 有没有可能在每行上有三行5个名字?仍然使用li和ul标签?找到一个方法列表,以满足您的需要。确保浮动:左,并将li宽度设置为总宽度的20%(可能略小)。这对我来说很有效: CSS: HTML: 一, 二, 三, 四, 五, 六, 七, 八, 九, 十, 十一, 十二, 十三, 十四, 十五 您可以使用嵌套列表。CSS允许使用display:inline和list-style-type:none将列表内联。如果给每个li

我有15个名字,我想做的是把名字分成三行(每行5个名字),现在我使用
  • 标签


    有没有可能在每行上有三行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>