| Autor | Zpráva | ||
|---|---|---|---|
| pavelos Profil * |
#1 · Zasláno: 11. 3. 2013, 18:26:14
Čau,
floatuji divy za sebe (jakoby do řádky), ale jakmile se nevejdou na stránku zalomí se a pokračují ve floatování na nové "řádce" pod předchozími divy. Jak to udělat tak, aby divy "přetékaly" a uživatel by musel scroolovat doprava, aby viděl další divy? Díky |
||
| DJ Miky Profil |
#2 · Zasláno: 11. 3. 2013, 19:17:10
S použitím floatování by bylo potřeba nastavit pevnou šířku nadřazenému elementu tak, aby se do něj všechno vešlo.
Je možné místo floatování nastavit těm divům display:inline-block; a nadřazenému elementu nastavit white-space:nowrap; pro nezalomení:
<div style="white-space: nowrap;">
<div style="display: inline-block; width: 1000px; height: 300px; background: #700;"></div>
<div style="display: inline-block; width: 1000px; height: 300px; background: #070;"></div>
<div style="display: inline-block; width: 1000px; height: 300px; background: #007;"></div>
</div>Nejsem si jistý, zda to funguje všude. Pamatuji si, že na starším mobilním prohlížeči mi to prohlížeč automaticky zalomil/přizpůsobil na šířku okna tak, jako přizpůsobuje všechny ostatní texty. Jen pozor, že při inline-block se ti do řádku promítnou i mezery mezi divy, takže ty divy nebudou úplně nalepené na sobě, pokud mezery neodstraníš. |
||
|
Časová prodleva: 13 let
|
|||
0