“如何使用纯CSS重新排序元素”是一个常见问题。你必须使用Javascript。
但是我最近发现了move-to
,它是CSS3的一个新部分,它似乎解决了重新排序内容的问题。 introduction to that module给出了移动图像的示例。
但是我tried to use CSS3's move-to,但它不起作用。这是一个simple example:
CSS:
<style>
#div1 {
move-to: end-of-div2;
}
#div2:after {
content: pending(end-of-div2);
}
</style>
HTML:
<div id="div1">This is div1</div>
<div id="div2">This is div2</div>
任何浏览器(桌面版或移动版)都支持move-to
吗?或者我做错了什么?
答案 0 :(得分:3)
我对这种性质的所有事情的通常参考是CanIUse.com。
这通常是一个非常好的资源,可以找出支持给定功能的浏览器。
但似乎该网站上甚至没有提及此功能,更不用说列为有任何支持。
此外,您提供的W3C链接将该功能显示为“工作草案”,这意味着它处于设计初期。
我提到了关于新的CSS / HTML功能的问题,而且我之前没有听说过这个功能的事实也意味着它还处于相当早的阶段。
考虑到这一点,我猜想现在的浏览器支持是最小的,如果有的话。
但是,即使它受到支持,也肯定需要供应商前缀,因为它仍然只是一个工作草案。
工作草案也意味着语法可能会发生变化,因此您可能会发现浏览器支持不同的语法。
如果您找不到任何支持它的当前版本浏览器,您可能需要查看Chrome和Firefox的开发版本,看看它是否支持 - 如果没有别的话,那会给你一些线索至于它可能在完整版本中出现之前需要多长时间。
答案 1 :(得分:0)
从css3.info我看到,似乎有一个名为CSS Generated Content for Paged Media Module的编辑器草案,它描述了一些功能。但该规范还远未完成,甚至远离浏览器的实施。