L’altezza degli elementi uguali nelle righe usando w3.css

Ho cercato di rendere l’altezza dei miei ‘elementi’ delle file uguale ma non ci sono ancora riusciti. Hai qualche idea su come farlo?

Grazie, grazie.

 

Esempio di violino QUI

flexbox può farlo

 .w3-row { display: flex; } .w3-container { flex:1; } 

JSfiddle Demo

Il trucco è rimuovere la class CSS w3-xxlarge dal -tag contenente il glifo circolare, perché l’altezza della linea di quell’lofo che usa quella class differisce dall’altezza di linea predefinita per le glyps o il testo nelle altre div .

Ho anche aggiunto min-height: 20px; per i p -tag per compensare nessun contenuto.

Demo JSFiddle

Ho avuto recentemente lo stesso problema e lo stile Flexbox può funzionare a meno che non sia necessario che il tuo sito sia adatto per una gamma più ampia di browser, ad es. IE9 e sotto ref: http://caniuse.com/#search=flexbox

Io uso una tecnica a margine negativo che significherebbe fare questo:

 .w3-quarter { padding-bottom: 100px; margin-bottom: -100px; } 

Funziona anche sulle righe della griglia di bootstrap!

JSFiddle