我有一个简单的表格单元格,其中包含文本和图标。我想将文本对齐到左侧,将图标对齐到右侧。我尝试了这样做,但它不起作用。我知道的唯一解决方案是创建另一个 td
,在其中放置图标。但我希望文本和图标都在同一个 td
中。
table {
border: 1px solid red;
}
td {
border: 1px solid black;
width: 200px;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<table>
<tr>
<td>Text <span align="right"><i class="fa fa-toggle-on"></i></span></td>
<td>Test</td>
</tr>
</table>
align="right"
,因为 HTML 元素的对齐属性已被弃用:w3.org/TR/html401/present/graphics.html#adef-align - benomatis