Come impostare la larghezza fissa per <td>?

Schema semplice:

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

Ho bisogno di impostare una larghezza fissa per <td>. Ho provato:

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

Anche

td.something {
  width: 90px;
}

per

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

E anche

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

Ma la larghezza di <td> è ancora la stessa.

TylerH
Domanda modificata 3º gennaio 2019 в 8:05
Programmazione
css html-table twitter-bootstrap width
27º febbraio 2013 в 2:50
15 visualizzazioni

Se stai usando <table class="table"> sulla tua tabella, la classe table di Bootstrap'aggiunge una larghezza del 100% alla tabella. Devi cambiare la larghezza in auto.

Inoltre, se la prima riga della tua tabella è una riga di intestazione, potresti aver bisogno di aggiungere la larghezza a th piuttosto che a td.

Commentari (1)

Ok, ho appena capito dove era il problema - in Bootstrap è impostato come valore predefinito larghezza per l'elemento select, quindi, la soluzione è:

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

Qualsiasi altra cosa non mi funziona.

Commentari (0)

Difficile giudicare senza il contesto della pagina html o il resto del tuo CSS. Ci potrebbero essere uno zilione di ragioni per cui la tua regola CSS non sta influenzando l'elemento td.

Hai provato con selettori CSS più specifici come

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

Questo per evitare che il tuo CSS venga sovrascritto da una regola più specifica del css di bootstrap.

(a proposito, nel tuo esempio di css in linea con l'attributo style, hai scritto male width - questo potrebbe spiegare perché quel tentativo è fallito!)

Commentari (0)