我有一张桌子.在td里面我有两个span标签 – 我想要左对齐的一个span标签,另一个右边,但是td不允许：
<table>
<tr>
<td colspan="5"><span>$</span><span>1000</span></td>
</tr>
</table>
所以我希望$对齐到td的最左边,1000对齐到td的最右边.
那可能吗？
解决方法
您可以使用以下选择器,而无需使用额外的类：
td span:last-child{ /*not compatible with <=IE8*/
color:green;
float:right;
}
演示：http://jsfiddle.net/QR3kP/1/
为了与IE7兼容,请使用以下CSS代码：
td span{
float:right;
}
td span:first-child{ /* compatible to >=IE7 */
float:left;
}
演示：http://jsfiddle.net/QR3kP/4/
另一种方法是右对齐< td>内的文本.并且只浮动第一个< span>：
td {
text-align:right
}
td span:first-child {
float:left;
}
演示：http://jsfiddle.net/QR3kP/29/
通过使用更少的css声明,您可以使用与上述类似的方法：
td span:first-child + span {
float:right;
}
在上面的示例中,默认的td文本对齐是左边的,您只选择紧接在第一个跨度之后的兄弟.然后你就把它漂浮到右边.当然,你可以使用〜选择器,在这种情况下是相同的.
演示：http://jsfiddle.net/QR3kP/32/
请参阅此处的兼容性图表：http://kimblim.dk/css-tests/selectors/
请在此处查看CSS选择器：http://www.w3.org/TR/CSS2/selector.html
