通过HTML或CSS呈现顺序

选择的顺序是否必须立即更改?如中所述,当用户选择一个国家时是否必须更改?还是预先渲染的?

如果是后者,我会从服务器端执行。我会派一面旗帜来。假设您使用的是jstl或asp或其他东西,那么您可以根据标志的值来控制顺序。我认为两页来做同样的事情不是一个好主意,因为这是代码的重大重复。

如果必须根据用户交互进行更改,我将使用类似jquery的东西和适当的css(根据用户输入使用jquery更改类)。

这在纯css中是不可能的。唯一的办法就是 position: absolute; 并按像素坐标将元素粘贴到所需位置。但是要使它显示得更好,您需要事先知道元素的高度,或者使内容可滚动。

另一种客户端方式是使用javascript,但这可能会导致“wtf?”最终用户在页面加载期间看到元素立即交换/移动/调整大小时的体验。也不是很好,也不是真的不引人注目(不会像预期的那样工作,如果客户端已禁用js)。

最好的方法确实是在服务器端视图技术中使用一些条件语句来实现这一点。

这里有一个可能的解决方案(这取决于您想如何显示您的部分)。

<div id="fruitstand" class="apples-first">
    <div id="apples"></div>
    <div id="oranges"></div>
</div>

在CSS中:

#fruitstand.apples-first #apples {
    float: left;
}
#fruitstand.oranges-first #oranges {
    float: left;
}