css样式水平右对齐 |css 字体圆滑

text-align:right;

示例代码：

<div>
<p>这是要右对齐的文字内容</p>
<img src="img.jpg" alt="这是要右对齐的图片" />
</div>

除了文本和图片，CSS样式水平右对齐还可以用于表格中的单元格。

table{
border-collapse:collapse;
}
td{
text-align:right;
border:1px solid #000;
padding:5px;
}

示例代码：

<table>
<tr>
<td>第一列右对齐</td>
<td>第二列右对齐</td>
</tr>
<tr>
<td>1</td>
<td>10.05</td>
</tr>
</table>

以上代码可实现如下图所示的表格：