Задать вопрос
@shupike

Как выровнять поля в таблице по максимально длинному?

Добрый вечер всем! Хотел вот узнать, как красиво нарисовать таблицу в html - в общем, делаю так:
<html>
<body>
<style>
    .styled-table {
         border-collapse: collapse;
         margin: 5px 0;
         font-size: 0.9em;
         font-family: sans-serif;
          min-width: 400px;
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    }
    .styled-table thead tr {
         background-color: #009879;
         color: #ffffff;
         text-align: left;
    }
    .styled-table th,
    .styled-table td {
         padding: 12px 12px;
    }
    .styled-table tbody tr {
         border-bottom: 1px solid #dddddd;
    }
    .styled-table tbody tr:nth-of-type(even) {
         background-color: #f3f3f3;
        table-layout: fixed;
    }
    .styled-table tbody tr:last-of-type {
         border-bottom: 2px solid #009879;
    }
</style>
...
echo "<table class='styled-table'>
    <thead>
      <tr>
          <td>Название</td>
          <td>Модель</td>
          <td>Инвентарный номер</td>
          <td>Поступил</td>
          <td>Предыдущий владелец</td>
      </tr>
    </thead>
</table>";
....
echo "<table class='styled-table'>
              <tbody>
                <tr>
                 <td>$row[0]</td>
                 <td>$row[1]</td>
                 <td>$row[2]</td>
                 <td>$last_date</td>
                <td>$owner_prev</td>
                </tr>
             </tbody>
                  </table>";

Строки выглядят неряшливо - так как в разных полях разная длина текста, все это плывет по экрану, к тому же справа строки выглядят ступенчато; как сделать выравнивание столбца по самому длинному элементу? Вот как это выглядит:

688cdbed12cda862214722.jpeg
  • Вопрос задан
  • 89 просмотров
Подписаться 1 Простой 10 комментариев
Решения вопроса 1
altlisek
@altlisek
вечный студент
Похоже, у Вас каждая строка является отдельной таблицей. Насколько знаю, тег table должен быть только один. Например, как здесь
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы