вертикальная компоновка элементов таблицы td с использованием css

Есть ли способ вертикально сложить выбранные тд элементы? Я хотел бы иметь ту же таблицу, хотя отображать ее по-разному, используя только CSS. Будет ли это возможно, или я должен иметь отдельные HTML-разметки? Я хотел бы попытаться иметь одинаковую разметку HTML, хотя использовать разные CSS для разных сайтов / взглядов.

<table>
  <tr>
     <td class="vertical" id="one" >i'm</td>
     <td class="vertical" id="two" >above</td>
     <td class="vertical" id="three" >this</td>
     <td class="horizontal" id="four" >i'm horizontal</td>
  </tr>
</table>
3 css
11.12.2008 19:51:43
3 ОТВЕТА
РЕШЕНИЕ

Вам нужно создать таблицу с накоплением

<table>
  <tr>
     <td class="vertical">i'm</td>
     <td class="horizontal" rowspan="3">i'm horizontal</td>
  </tr>
  <tr>
     <td class="vertical">above</td>
  </tr>
  <tr>
     <td class="vertical">this</td>
  </tr>
</table>

Для этого и созданы таблицы. Если вы хотите использовать CSS, вы должны использовать DIV.

3
11.12.2008 19:58:33
Спасибо. я отредактировал свой вопрос, чтобы сделать его более понятным. Я хотел бы сохранить разметку таблицы HTML одинаково, хотя стиль его по-разному для разных сайтов, использующих только CSS.
joshjdevl 11.12.2008 20:02:56
Извините, но вы не можете "плавать" TD с помощью CSS.
Eduardo Molteni 11.12.2008 20:22:14

Вы также можете заставить их отображать: блок, но я не совсем уверен, как это повлияет на раскладку стола.

Вертикально {
 отображения: блок;
}
6
11.12.2008 20:16:21

Для других, пытающихся достичь этого, по любой странной причине, вы можете использовать

.vertical{
    display:flex;
}

https://jsfiddle.net/mr5dhwj3/

Я нуждался в этом в ситуации реагирования, когда таблица отображалась горизонтально, но в некоторых случаях только вертикально.

0
26.02.2020 11:47:46