HTML CSS Руководство по проектированию стола - PullRequest
Новая
       60

HTML CSS Руководство по проектированию стола

0 голосов
/ 04 мая 2020

Design

Я пытаюсь создать этот тип таблицы или дизайна в HTML / CSS / PHP.

В каждом блоке будет быть 3 переменными. Один с горизонтальной ориентацией в центре и два с вертикальной ориентацией в любом направлении переменной центра.

Я пытался повторить это с помощью HTML таблиц, но не получил надлежащих результатов. Это то, что мне удалось получить.

design

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

1 Ответ

0 голосов
/ 04 мая 2020

Добавление в HTML: 

<table style="width:400px">
<tr>
<td>
  <table>
    <tr>
      <td>1</td>
       <td> </td>
       <td>3</td>
    </tr>
    <tr>
      <td>1</td>
       <td>45</td>
       <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td> </td>
      <td>3</td>
    </tr>
  </table>
</td>
<td>
  <table>
    <tr>
      <td>1</td>
       <td> </td>
       <td>3</td>
    </tr>
    <tr>
      <td>1</td>
       <td>45</td>
       <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td> </td>
      <td>3</td>
    </tr>
  </table>
</td>
<td>
  <table>
    <tr>
      <td>1</td>
       <td> </td>
       <td>3</td>
    </tr>
    <tr>
      <td>1</td>
       <td>45</td>
       <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td> </td>
      <td>3</td>
    </tr>
  </table>
</td>
</tr>
</table>

Добавление в css: 

th, td {
   padding: 15px;
}

Решить это:)

Удачи !!!

...