我如何在不改变 HTML 源代码的情况下重新排序 div?
例如,我希望 div 按 #div2、#div1、#div3 的顺序出现,但在 HTML 中它们是:
<div id="#div1"></div>
<div id="#div2"></div>
<div id="#div3"></div>
Thanks!
没有一种通用的方法可以使用 css 对元素重新排序。
您可以通过将它们全部浮动到右侧来水平反转它们的顺序。或者,您可以相对于正文或其他一些包含元素绝对定位它们 - 但这在元素大小以及相对于页面上其他元素的定位方面存在严格的限制。
简短的回答:只有在非常有限的情况下才能实现这一点。重新排序元素最好在标记中完成。
如果你无法控制 html,你可以使用 javascript。这里使用 jQuery:
$("#div2").insertAfter("#div3");
$("#div1").prependTo("#div2");
我当然不建议这样做,除非你的双手被束缚。这将更难维护,并且对于您的最终用户来说,它会使您的页面在设置页面时“晃动”。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)