大佬教程收集整理的这篇文章主要介绍了css – 在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
以上是大佬教程为你收集整理的css – 在td内对齐两个跨距 – 一个左边和一个右边全部内容,希望文章能够帮你解决css – 在td内对齐两个跨距 – 一个左边和一个右边所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。