有5个自定义字段：前4个是您的节，最后一个是您的订单标识符。

CASE 1

如果您想简单地重新输入订单，请将最后一个字段设置为带有“正常”或“反转”的下拉列表。（你甚至可以说“随机”……世界就是你的牡蛎）

$s1 = \'<section id="1">$customfield1</section>\';
$s2 = \'<section id="2">$customfield2</section>\';
$s3 = \'<section id="3">$customfield3</section>\';
$s4 = \'<section id="4">$customfield4</section>\';
if ($customfieldorder == \'reversed\') {
echo $s4.$s3.$s2.$s1;
}else{ 
echo $s1.$s2.$s3.$s4;
}

CASE 2

$s1 = \'<section id="1">$customfield1</section>\';
$s2 = \'<section id="2">$customfield2</section>\';
$s3 = \'<section id="3">$customfield3</section>\';
$s4 = \'<section id="4">$customfield4</section>\';

echo $s1.$s2.$s3.$s4;

如果我是从头开始设计页面，那么我自己的答案就是将flexbox和自定义字段结合起来。

<div class="flexbox">
    <section id="a" style="order: <?php echo $customfield1 ?>"></section>
    <section id="b" style="order: <?php echo $customfield2 ?>"></section>
    <section id="c" style="order: <?php echo $customfield3 ?>"></section>
    <section id="d" style="order: <?php echo $customfield4 ?>"></section>
</div>

.flexbox {
display: flex;
}