表列对齐CSS
问题描述：
我编辑电子书格式的电子书。我使用CSS来完成书籍布局。我遇到了一个表列对齐问题，并且我不知道如何处理它。该表格包含每列的文本标题，然后是单元格的数字内容。列宽由标题设置，这使得在某些情况下列与单元格内容相比非常宽。表列对齐CSS
我想将列中的数字与其最后一位数字对齐。但我希望他们更多地放在专栏的中心。 “text-align：right”命令对齐单元格右侧的数字。有没有办法将所有数字转移到中心位置，同时保持它们与最后一位数字完全对齐？
答
这里是一对夫妇的方式，可能会为你
table {
width: 400px;
border: 1px solid gray;
}
td {
text-align: center;
border: 1px solid gray;
width: 33%;
}
span {
display: inline-block;
width: 40%;
background: #eee;
text-align: right;
}<table>
<tr>
<td>
<span>
nr 1
</span>
</td>
<td>
<span>
nr 12
</span>
</td>
<td>
<span>
nr 123
</span>
</td>
</tr>
<tr>
<td>
<span>
nr 123
</span>
</td>
<td>
<span>
nr 12
</span>
</td>
<td>
<span>
nr 1
</span>
</td>
</tr>
</table>样品2
table {
width: 400px;
border: 1px solid gray;
}
td {
text-align: center;
border: 1px solid gray;
width: 33%;
}
span {
display: inline-block;
width: 50%;
background: #eee;
text-align: right;
}
span span {
float: left;
text-align: left;
}<table>
<tr>
<td>
<span>
<span>
id
</span>
1
</span>
</td>
<td>
<span>
<span>
cnt
</span>
12
</span>
</td>
<td>
<span>
<span>
code
</span>
123
</span>
</td>
</tr>
<tr>
<td>
<span>
<span>
code
</span>
123
</span>
</td>
<td>
<span>
<span>
cnt
</span>
12
</span>
</td>
<td>
<span>
<span>
id
</span>
1
</span>
</td>
</tr>
</table>
你能张贴代码你的工作已经让我们知道w你现在为你准备的帽子？此外，我用数字查看您的请求的方式是假设您有“左，中，左，中，右，右”，您希望数字在右中间对齐。我对么？ – JoeL