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.
Si utiliza `<table class="table"en su tabla, la clase table de Bootstrap añade un ancho de 100% a la tabla. Debes cambiar el ancho a automático.
Además, si la primera fila de su tabla es una fila de cabecera, es posible que tenga que añadir el ancho a th en lugar de td.
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.
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ó!)