html - CSS 对齐 LI

Question

我有一个情侣列表(名称、值)，我想将它们垂直对齐显示在表格中:

aaaaaaaa    first_value
bbbb        second_value
ccc         third_value
ddd         fourth_value

有没有办法在不使用表格的情况下在 HTML/CSS 中这样做(我想我应该以某种方式使用 UL/LI 标签)？

Answer 1

是的。使用定义列表。

<dl>
  <dt>aaa</dt>
  <dd>111</dd>

  <dt>bbb</dt>
  <dd>222</dd>

  <dt>ccc</dt>
  <dd>333</dd>
</dl>

然后

<style>
    dl dt { width: 100px; float: left; }
    dl dd { margin-bottom: 10px; }
</style>

http://jsfiddle.net/wr6wL/