< dl>< /dl>用來創(chuàng)建一個普通的列表,

< dt>< /dt>用來創(chuàng)建列表中的上層項目，

<dd>< /dd>用來創(chuàng)建列表中最下層項目，

< dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標(biāo)志對之間。

常用與左右排布的列表，左側(cè)是標(biāo)簽信息，右側(cè)是描述信息。

例如:

配合 dl dd dt 加上以下幾行代碼就可實現(xiàn)上圖效

html:

<div class="main-box">
    <dl>
      <dt>手機系統(tǒng)</dt>
      <dd>Android</dd>
      <dt>登錄方式</dt>
      <dd>qq登錄</dd>
      <dt>綁定時間</dt>
      <dd>2019-01-02 11:00</dd>
      <dt>綁定狀態(tài)</dt>
      <dd>有效</dd>
    </dl>
  </div>

css:

.main-box{
  width: 300px;
  height: 200px;
  margin: 0 auto;
  background-color: deepskyblue;
}
dt { position: absolute; }
dd {text-align: right; margin-left: 5em;}

掃描二維碼手機查看該文章