Como configurar a largura fixa para <td>?

Esquema simples:

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

Eu preciso configurar uma largura fixa para <td>. I've tried:

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

Também

td.something {
  width: 90px;
}

para

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

E mesmo

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

Mas a largura de <td> ainda é a mesma.

TylerH
Pergunta editada :em
Programação
css html-table twitter-bootstrap width
27º fevereiro 2013 в 2:50
16 vistas

Se você're utilizando <table class="table"> na sua mesa, Bootstrap's table class adiciona uma largura de 100% à tabela. Você precisa alterar a largura para auto.

Além disso, se a primeira linha da sua tabela for uma linha de cabeçalho, você pode precisar adicionar a largura a ela em vez de td.

Comentários (1)

Ok, acabei de descobrir onde estava o problema - em Bootstrap está configurado como um valor padrão width para o elemento select, portanto, a solução é:

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

Qualquer outra coisa não'não funciona comigo.

Comentários (0)

Difícil de julgar sem o contexto da página html ou o resto do seu CSS. Pode haver um zilião de razões pelas quais a sua regra CSS não está a afectar o elemento td.

Você já tentou seletores CSS mais específicos, tais como

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

Isto para evitar que o seu CSS seja anulado por uma regra mais específica do css bootstrap css.

(a propósito, na sua amostra inline css com o atributo estilo, você escreveu mal a largura - isso poderia explicar porque essa tentativa falhou!)

Comentários (0)