Если у меня есть таблица, структурированная следующим образом:
<table id="tableid">
<tbody>
<tr>
<td id="id1">Button A</td>
<td id="id2">Button B</td>
<td id="id3">Button C</td>
<td id="id4">Button D</td>
</tr>
</tbody>
</table>
Можно ли расположить элементы в определенном порядке, не переключая их в html и не используя абсолютные позиции (и без использования js)?
Например, если бы я хотел, чтобы они отображались сверху вниз: id2, id4, id1, id3.
Это для веб-сайта, который позволяет настраивать стили css для вашего профиля, но не позволяет манипулировать самим html, поэтому я не могу просто изменить их порядок в html.
Использование абсолютного позиционирования работает, но довольно неудобно вручную определять позиции, потому что, если я отрегулирую позицию 1 элемента, мне нужно будет вручную сделать это для всех из них.
Если абсолютная позиция — единственный способ, то можно ли определить абсолютную позицию элемента как ту же позицию, что и для другого + количество? Так, например, могу ли я определить id2 с помощью top: 200px, а затем для id4 могу ли я получить это значение top из id2 и добавить к нему 10px, или мне нужно вручную установить его как 210px?