我正在写一个与一些朋友角色扮演的页面.说到角色表,我们想要一些带有统计数据的表格.
我想在每个单元格中都有特征(强度,智力等)的名称和数字.像这样： http://jordi.dyndns-at-home.com:3000/characters/2
我想在每个单元格中都有特征(强度,智力等)的名称和数字.像这样： http://jordi.dyndns-at-home.com:3000/characters/2
我想将名称对齐到单元格的左侧,将数字对齐到右侧.
我试过用< span style =“text-align：right;”>它不会起作用.
我试过用< div style =“text-align：right;”>它确实有效,但如果我使用display,它会“跳出一条线”：内联它无法正常工作.
可以在< td>上进行两种比对. ？
BTW位置：绝对;右：0不起作用.它将对齐到结束而不是结束
解决方法
使用定义列表并且是语义的.
HTML
<table><tr><td>
<dl>
<dt>Life:</dt>
<dd>15</dd>
</dl>
</td></tr></table>
CSS
dl {
width: 200px;
}
dl dt {
width: 160px;
float: left;
padding: 0;
margin: 0;
}
dl dd {
width: 40px;
float: left;
padding: 0;
margin: 0;
}
这样你可以放弃整个表.
