Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html表格间距对齐_Html_Html Table_Spacing - Fatal编程技术网

Html表格间距对齐

Html表格间距对齐,html,html-table,spacing,Html,Html Table,Spacing,我是html的新手,我想知道如何制作一个表格来显示这样的内容 “名称”“日期” _假设是“空白” 我总是希望“姓名”在左边对齐,“日期”在右边对齐, 与它们的长度无关 我对html完全不熟悉,我需要这部分代码作为我代码的一小部分。在样式表中,将text align:left应用于第一列中的单元格,将text align:right应用于第二列中的单元格。如果它们位于不同的列中,第一个td do,第二个td do 这看起来像典型的两列布局。无序列表是此模式的良好工具: <div class=

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

“名称”“日期”

_假设是“空白”

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


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

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

如果它们位于不同的列中,第一个td do
,第二个td do

这看起来像典型的两列布局。无序列表是此模式的良好工具:

<div class="twoCol">
  <ul>
    <li><label>Name</label>Date</li>
    ... more rows ...
  </ul>
</div>
.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;   
}