Как контролировать ширину всех тд в таблице?

Когда я пытаюсь контролировать ширину одного td, эта ширина применяется ко всей таблице. Как я могу контролировать ширину каждого td?

Источник

2 ответа

Назначить класс class = "<class-name>" для <td> которые вы хотите стилизовать по-другому, и добавьте стиль <style> в <head> в HTML-коде.

Пример выглядит так:

      <style>
    .<class-name> {
        width: <value>;
    }
</style>

Изменить: это общее решение, которое я могу дать, поскольку в вопросе нет необходимых деталей, трудно дать точное решение, которое решает вашу проблему.

Источник

Вы можете сделать это, используя встроенные стили CSS для каждого <td> индивидуально.

Пример 1:

      <td style="width: 100px;">Some content here...</td>

Пример 2:

      <table>
    <tbody>
        <tr>
            <td style="width: 150px;">First Content</td>
            <td style="width: 200px;">Second Content</td>
        </tr>
    </tbody>
</table>

Обратите внимание, что этот метод переопределяет внутренний CSS, а внутренний CSS переопределяет внешние файлы CSS, а внешние файлы CSS переопределяют значения по умолчанию браузера. Можно думать об этом как о слоях. Чем «ближе» стиль к элементу, тем выше его приоритет. Встроенный стиль имеет наивысший приоритет, потому что он буквально написан на элементе. С другой стороны, стили браузера по умолчанию (например, Times New Roman, 16pt) легко перезаписываются, потому что они находятся дальше всего «от элемента».

Я рекомендую вам прочитать эту документацию Mozilla о специфичности , отличный контент для изучения.

Источник
Другие вопросы по тегам