Wie bekomme ich zwei oder mehr Bilder nebeneinander in HTML?

Sagen, ich habe 2 Bilder und ich möchte legen Sie Sie Seite an Seite mit ein paar Leerzeichen dazwischen, wie mache ich das? Ich hörte etwas von schwimmen? Was ist das und wie kann/sollte ich verwenden?

  • So legte Sie. Was ist das problem? Bilder standardmäßig nicht blockiert.
  • Hä? Ich verstehe nicht?
  • Was ist. Die. Problem. Setzen. Sie. Seite. Durch. Seite.
  • Das problem ist, ich weiß nicht, wie das ist, warum ich Frage
  • <img src="xxx.jpg" > <img src="yyy.jpg">
  • Danke, ich werde es ausprobieren
  • Vergiss nur nicht, dass in der Lage sein, um Sie nebeneinander, und es muss genügend Platz (Breite) für Sie. Wenn es nicht genug Platz (also Breite image1 + Breite des image2 > Breite des Elements Sie sind enthalten in), Sie einfach nicht werden Seite an Seite mit Standard-CSS.

InformationsquelleAutor Claudio Pietrantonio | 2015-03-28
  1. 1

    in der Regel images Verhalten sich wie schwimmende Links, so wie nicael darauf hingewiesen, können Sie einfach legen Sie Sie neben einander. oder Sie können style="float:left;" wie bereits in der ersten Antwort. auf der anderen Seite, das image-element hat ein schönes align-Attribut, welches erlaubt die manipulation in dieser Art und Weise:

    <p>Some Text above</p>
<img src="http://urlref.at/images/3o.gif" align="left" />
<img src="http://urlref.at/images/3o.gif" align="left" />
<img src="http://urlref.at/images/3o.gif" />
<p>Some Text underneath</p>

    Dann würden Sie nicht die richten Links im letzten Bild, sodass der text geht unter und nicht neben dem Bild.

    Raum das Bild, das Sie verwenden können vspace und hspace Attribute:

    <p>Some Text above</p>
<img src="http://urlref.at/images/3o.gif" align="left" hspace="20" />
<img src="http://urlref.at/images/3o.gif" align="left" hspace="20" />
<img src="http://urlref.at/images/3o.gif" hspace="20" />
<p>Some Text underneath</p>

    Sauberer, aber komplexer, ist mit reinen CSS-Stile.

    InformationsquelleAutor hexerei software
  2. 1

    Ich denke du meinst, dass Sie sonst stack-über-und untereinander? Schweben beide Bilder Links float:left; - und wenn Sie wollen, um eine Lücke zwischen Ihnen, dann verwenden Sie Marge oder Polsterung.

    InformationsquelleAutor cnorthfield
Schreibe einen Kommentar