LaktoseKerl: FLOAT vs. DISPLAY:INLINE

SELF-Forum

FLOAT vs. DISPLAY:INLINE

LaktoseKerl
– Informationen zu den Bewertungsregeln

Hallo,

worin liegt eigentlich genau der Unterschied zwischen einem FLOAT und einem DISPLAY:INLINE Element?
Beide "zwingen" nachfolgende Elementen doch dazu, in der selben Zeile zu bleiben!

float: left/right;

"Element (...) wird (...) von nachfolgenden Elementen umflossen."

  
display: inline;

"Element wird im laufenden Textfluss angezeigt."

?

Danke,

LG,
Laktosekerl

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. FLOAT vs. DISPLAY:INLINE

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    worin liegt eigentlich genau der Unterschied zwischen einem FLOAT und einem DISPLAY:INLINE Element?

    Das sind zwei vollkommen unterschiedliche Dinge.

    Beide "zwingen" nachfolgende Elementen doch dazu, in der selben Zeile zu bleiben!

    Nein, das ist zu pauschal – und falsch – formuliert.

    float: left/right;

    "Element (...) wird (...) von nachfolgenden Elementen umflossen."

    display: inline;

    
>   
> "Element wird im laufenden Textfluss angezeigt."  
  
inline-Elemente bleiben in der gleichen Zeilen-Box.  
Neben gefloateten Elementen können sich jedoch durchaus mehrere Zeilen-Boxen befinden.  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. FLOAT vs. DISPLAY:INLINE

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@LaktoseKerl:

    nuqneH

    worin liegt eigentlich genau der Unterschied zwischen einem FLOAT und einem DISPLAY:INLINE Element?
    Beide "zwingen" nachfolgende Elementen doch dazu, in der selben Zeile zu bleiben!

    Was verstehst du unter Zeile?

    <ul>  
  <li>foo</li>  
  <li>bar</li>  
  <li>Lorem ipsum dolor sit amet.</li>  
</ul>

    inline:

    │foo bar Lorem ipsum│  
│dolor sit amet.    │

    float: left

    │foo bar Lorem ipsum│  
│        dolor sit  │  
│        amet.      │

    Und vielleicht interessiert dich auch inline-block.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. FLOAT vs. DISPLAY:INLINE

      T-Rex
      – Informationen zu den Bewertungsregeln

      inline-block.

      Supa Link! Gud geschrieben! Hab sogar ich noch was gelernt *hust*.

      Gruß
      inline-T-Rex

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln