Απλό σύστημα:
<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>
παραμένει το ίδιο.
Αν χρησιμοποιείτε το <table class="table">
στον πίνακα σας, η κλάση πίνακα του Bootstrap προσθέτει πλάτος 100% στον πίνακα. Πρέπει να αλλάξετε το πλάτος σε auto.
Επίσης, αν η πρώτη γραμμή του πίνακα σας είναι μια γραμμή κεφαλίδας, ίσως χρειαστεί να προσθέσετε το πλάτος στο th αντί στο td.
Εντάξει, μόλις κατάλαβα πού ήταν το πρόβλημα - στο Bootstrap έχει οριστεί ως προεπιλεγμένη τιμή width
για το στοιχείο select
, έτσι, η λύση είναι:
tr. something {
td {
select {
width: 90px;
}
}
}
Οτιδήποτε άλλο δεν λειτουργεί σε μένα.
Δύσκολο να κρίνουμε χωρίς το πλαίσιο της html σελίδας ή το υπόλοιπο CSS σας. Μπορεί να υπάρχουν ένα εκατομμύριο λόγοι για τους οποίους ο κανόνας CSS σας δεν επηρεάζει το στοιχείο td.
Δοκιμάσατε πιο συγκεκριμένους επιλογείς CSS όπως
tr.somethingontrlevel td.something {
width: 90px;
}
Αυτό για να αποφύγετε την παράκαμψη του CSS σας από έναν πιο συγκεκριμένο κανόνα από το bootstrap css.
(παρεμπιπτόντως, στο δείγμα του inline css σας με το χαρακτηριστικό style, γράψατε λάθος το width - αυτό θα μπορούσε να εξηγήσει γιατί απέτυχε αυτή η προσπάθεια!)