2016-07-21 17 views
0

Ich haben diese html Seite:, wie die divs in verfügbarem Platz zu füllen, um automatisch

jsFidlle Demo

mag ich die Boxen in dem verfügbaren Raum füllen automatisch mit den Boxen gleiche Breite, aber unterschiedliche Höhen.

Ziemlich viel wie die Noten in google keep

+1

beide Links sind die gleichen – Thinker

+0

** [Gefällt mir das hier?] (Https://fiddle.jshell.net/Guuprasad_Rao/3ufmqoo5/3/) ** –

+0

oh thnx .. ich möchte meine Boxen als angezeigt werden Die Notizen im Google-Store sehen aus wie und nicht ihre Hauptwebseite! – Mortada

Antwort

1

verwenden Ich hoffe, es wäre hilfreich für Sie.

https://www.sitepoint.com/bootstrap-tabs-play-nice-with-masonry/

Dies ist mit Bootstrap-kompatibel.

+0

Genau das möchte ich .. Thnx! (leider bin ich neu, also kann ich nicht oben-abstimmen noch zwei Antworten genehmigen.) – Mortada

+0

Danke für Ihre Antwort. aber ich denke, du kannst diese Antwort als richtig markieren –

0

Sie können es nicht mit CSS haben. Sie müssen etwas wie jQuery Masanory

+0

Bei [modernen Browsern] (http://caniuse.com/#feat=multicolumn) könnte man mit Einschränkungen (vertikal geordnet zB): https://jsfiddle.net/ztpxqsau/ –

0

Cant scheinen die Wirkung jsfiddle zu erreichen, aber das ist, wie ich es

<div class="which-ever-class-name"> //surrounding the two divs 
<div class="components">Help us find a visionary financier!</div> 
<div class="components">Kamusi Here:<br> 
Instant translation among the languages in our system (arriving soon at 50+) 
<ul> 
<li>Chrome extension: ready to ship (pending server) 
<li>Mobile app: we need a day or three to join Here! and WordUp! 
<li>Facebook Messenger: needs some easy hacks 
<li>Other platforms: we've got the back end, just need the implementation horsepower 
</ul> 
</div> 
</div>//end surrounding div 

und in css

.components{ 
    height:100%; 
} 

gehen würde Was dies tun sollten, ist die Komponenten Höhe eingestellt Eltern zu füllen (which-ever-class-name) Höhe und Elternhöhe wird wiederum von der längsten Komponente festgelegt.

Verwandte Themen