[英]Html Table Spacing Alignment
我是html的新手,我想知道如何制作一个表格来显示类似这样的内容。
“名称日期”
_应该是“空白”
我总是希望“名称”在左侧对齐,“日期”在右侧对齐,而与它们的长度无关。
我对HTML完全不熟悉,我的代码中只有一小部分需要使用这一部分。
在样式表中,将text-align: left
应用于第一列中的单元格,将text-align: right
应用于第二列中的单元格。
如果它们在不同的列中,则第一个td做<td align='left'>
,第二个td做<td align='right'>
。
这看起来像一个典型的两列布局。 无序列表是此模式的一个很好的工具:
<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;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.