ul中l(wèi)i里放兩個(gè)元素

想問(wèn)：ul中l(wèi)i里放兩個(gè)元素的話，一般應(yīng)該用什么呢？再放一個(gè)ul，然后里邊放兩個(gè)li嗎？

補(bǔ)充：想實(shí)現(xiàn)類(lèi)似表格的樣式，但不想用表格，如下：

    <ul>
        <li>
            <ul>
                <li>第一行第一列</li>
                <li>第一行第二列</li>
            </ul>
        </li>
        
        <li>
            <ul>
                <li>第二行第一列</li>
                <li>第二行第二列</li>
            </ul>
        </li>
    </ul>

總覺(jué)得這樣似乎麻煩了？有沒(méi)有簡(jiǎn)潔的方法？

回答

編輯回答

故林

ul里面只能放li，但是并沒(méi)有規(guī)定li里面可以放什么，所以可以按照你自己的需求來(lái)，li就一個(gè)普通的塊元素。

2017年8月5日 15:43

編輯回答

離殤

只需要將 li 中的 塊元素 變?yōu)?行內(nèi)元素 即可.

在線查看

代碼：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <style>
    .inline{
      display: inline
    }
  </style>
</head>
<body>
<ul>
  <li>
    <div class="inline">第一行第一列</div>
    <div class="inline">第一行第二列</div>
  </li>
  <li>
    <div class="inline">第二行第一列</div>
    <div class="inline">第二行第二列</div>
  </li>
</ul>
</body>
</html>

效果：

2017年11月27日 08:01

編輯回答

情已空

可以直接放你想要放的元素，比如div, span, img等等
或者
像你說(shuō)的放ul，再用li處理。
甚至
都可以放自定義元素， li可用性很高的。

2018年5月24日 15:52

編輯回答

心癌

如果都是一樣的，那就循環(huán)吧

2018年7月7日 20:27

編輯回答

離夢(mèng)

建議樓主用sublime寫(xiě) 裝一個(gè)emme插件
以后不論是寫(xiě)ui li 還是 table 都很方便
效果如下

ui>li*5
```直接按TAB鍵 `<ui>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ui>

    table>(tr>td*3)*2 TAB之后
<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

2018年7月27日 20:36

編輯回答