css – Float:向右反转跨度的顺序

前端之家收集整理的这篇文章主要介绍了css – Float:向右反转跨度的顺序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有HTML:
<div>
    <span class="label"><a href="/index/1">Bookmix Offline</a></span>
    <span class="button"><a href="/settings/">Settings</a></span>
    <span class="button"><a href="/export_all/">Export</a></span>
    <span class="button"><a href="/import/">Import</a></span>
</div>

和CSS:

span.button {
    float:right;
}

span.label {
    margin-left: 30px;
}

在浏览器中,跨度以相反的顺序显示:导入导出设置。
我可以通过只更改CSS文件更改顺序,保留HTML原样吗?

解决方法

这个问题的一般解决方案是逆转HTML中的正确浮动元素的顺序,或者将它们包含在一个包含元素中,并向右移动。

猜你在找的CSS相关文章