2010-04-02 7 views
7

Ci sono molte domande sulla formattazione dei moduli in modo che le etichette si allineano e quasi tutte le risposte che suggeriscono una soluzione CSS pura (anziché utilizzare una tabella) forniscono una larghezza fissa all'elemento label.Perché dare una larghezza fissa a un'etichetta è un comportamento accettato?

Ma non è questo mix di contenuti e presentazione? Per scegliere la giusta larghezza, devi fondamentalmente vedere quanto è grande la tua etichetta più lunga e provare un valore di larghezza del pixel finché "non si adatta". Ciò significa che se cambi le etichette devi anche cambiare il tuo CSS.

risposta

4

Non ho alcun problema (Gasp! Heresy!) con l'utilizzo di tabelle per allineare gli elementi del modulo e le loro etichette. Se questo mi rende un luddista, allora così sia. Sento che si può sostenere che le matrici di coppie di etichette/input sono sufficientemente tabulari da renderizzare con le tabelle.

+1

+1 per il coraggio di essere un luddista, e anche per aver rifiutato il dogma in favore della semplicità e supportando browser molto vecchi o strani. – David

+0

Cosa dire dell'uso di 'form> fieldset> div' invece di' table> tr> td', ma dando gli stili precedenti 'display: table/table-row/table-cell' per farli comportarsi come tabella. (Non ho provato, ma sono abbastanza sicuro che non tutti i browser gradiscono questo approccio e no, non sto seriamente proponendo questo.) – jholster

+0

@Yaggo: le cose brutte accadono quando causate la visualizzazione di altri elementi come elementi di tabella. Voglio dire, se hai intenzione di utilizzare le regole di visualizzazione della tabella, perché non usare solo le tabelle? Per me si tratta di fare cose che funzionano nel modo in cui dovrebbero e non mi causano più tempo e mal di testa. – Robusto

2

Le etichette possono ancora avvolgere le parole, consentendo loro di essere molto brevi o molto lunghi. Non limiti il ​​contenuto in alcun modo (almost), stai solo dettando come verranno visualizzati.

+0

Dai, la parola significa che sembreranno schifose. –

+0

Oh, quindi vuoi che i tuoi contenuti dettino la tua presentazione? È questo che stai dicendo? Questo è ciò che sembra questo commento ... ;-) – Jaxidian

0

Le larghezze fisse non devono essere in pixel. em è un'unità valida e migliore per i contenitori con testo.

Problemi correlati