Html 表间距对齐

【问题标题】：Html Table Spacing AlignmentHtml 表间距对齐
【发布时间】：2012-03-09 01:06:10
【问题描述】：

我是 html 的新手，我想知道如何制作一个表格来显示这样的内容。

“姓名”_ _ _ _“日期”

_ 应该是“空格”

我总是希望“姓名”在左侧对齐，“日期”在右侧对齐，与它们的长度无关。

我对 html 完全不熟悉，我的一小部分代码需要这部分。

【问题讨论】：

标签： html html-table spacing

【解决方案1】：

在您的样式表中，将text-align: left 应用于第一列中的单元格，将text-align: right 应用于第二列中的单元格。

【讨论】：

【解决方案2】：

如果它们在不同的列中，则第一个 td 执行<td align='left'>，第二个执行<td align='right'>。

【讨论】：

【解决方案3】：

这看起来像一个典型的两列布局。无序列表是这种模式的好工具：

<div class="twoCol">
  <ul>
    <li><label>Name</label>Date</li>
    ... more rows ...
  </ul>
</div>

CSS：

.twoCol ul, twoCol li {
    margin:0;
    padding:0;
    list-style:none;   
}

.twoCol ul {
    width:200px;   
}   

.twoCol label {
     float:left;
     display:block;  
     width:120px;
     text-align:left;

}

.twoCol li {
     clear:both;
     text-align:right;   
}

【讨论】：