Як встановити фіксовану ширину для <td>?

Проста схема:

  <tr class="something">
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
  </tr>

Мені потрібно встановити фіксовану ширину для <td>. Я намагався:

tr.something {
  td {
    width: 90px;
  }
}

Також

td.something {
  width: 90px;
}

для

<td class="something">B</td>

І навіть

<td style="width: 90px;">B</td>

Але ширина <td> все одно однакова.

TylerH
Edited question 3-го січня 2019 в 8:05
Програмування
css html-table twitter-bootstrap width
27-го лютого 2013 в 2:50
22 погляди

Якщо ви використовуєте <table class="table"> на вашій таблиці, клас таблиці Bootstrap додає ширину 100% до таблиці. Вам потрібно змінити ширину на auto.

Крім того, якщо перший рядок вашої таблиці є рядком заголовка, вам може знадобитися додати ширину до th, а не до td.

Коментарі (1)

Ок, щойно розібрався, в чому була проблема - в Bootstrap встановлено за замовчуванням значення width для елемента select, отже, рішення знайдено:

tr. something {
  td {
    select {
      width: 90px;
    }
  }
}

Все інше у мене не працює.

Коментарі (0)

Важко судити без контексту сторінки html або решти вашого CSS. Може бути мільйон причин, чому ваше правило CSS не впливає на елемент td.

Чи пробували ви використовувати більш специфічні селектори CSS, такі як

tr.somethingontrlevel td.something {
  width: 90px;
}

Це допоможе уникнути перевизначення вашого CSS більш специфічним правилом із завантажувального css.

(До речі, у вашому вбудованому прикладі css з атрибутом style ви неправильно написали width - це може пояснити, чому ця спроба не вдалася!)

Коментарі (0)