¿Cómo configurar el ancho fijo para <td>?

Un esquema sencillo:

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

Necesito configurar un ancho fijo para <td>. I'he probado:

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

También

td.something {
  width: 90px;
}

para

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

E incluso

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

Pero el ancho de <td> sigue siendo el mismo.

TylerH
Pregunta editada 3º enero 2019 в 8:05
Programación
css html-table twitter-bootstrap width
27º febrero 2013 в 2:50
8 vistas

Si utiliza `

Comentarios (1)

Ok, acabo de averiguar dónde estaba el problema - en Bootstrap se establece como un valor predeterminado width para select elemento, por lo tanto, la solución es:

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

Cualquier otra cosa doesn't trabajo me.

Comentarios (0)

Es difícil juzgar sin el contexto del html de la página o el resto de su CSS. Puede haber un millón de razones por las que tu regla CSS no afecta al elemento td.

¿Has probado con selectores CSS más específicos como

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

Esto para evitar que tu CSS sea anulado por una regla más específica del css de bootstrap.

(por cierto, en tu muestra de css en línea con el atributo style, escribiste mal el ancho - ¡eso podría explicar por qué ese intento falló!)

Comentarios (0)