Ankündigung

Einklappen
Keine Ankündigung bisher.

Elemente nebeneinander ausrichten

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Elemente nebeneinander ausrichten

    Hallo zusammen,

    vielleicht habt ihr ja eine Idee.

    Ich möchte 6 Elemente nebeneinander darstellen, sie sollen sich den zu verfügbaren PLatz aber teilen.

    Das habe ich schon: https://jsfiddle.net/Gustl/wovj9x68/

    Aber ich möchte gerne, dass das 1. Element ganz links und das 2. Element ganz rechts ist. Dennoch soll der Abstand zwischen den Elementen immer gleich sein.

    Habt ihr eine Idee?

    Danke und Gruß

  • #2
    Hallo

    Da nur .container und .item Rahmen haben vermute ich, dass es nur um diese div geht.

    Dann schlage ich zu folgendem HTML

    Code:
       <div class="container">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
       </div>
    dies CSS vor:

    Code:
          .container {
          border: 1px solid blue;
          margin: 10px;
          display: flex;
          justify-content: space-between;
          }
          .item{
          width: 40px;
          height: 40px;
          border: 1px solid red;
          }
    Gruss

    MrMurphy

    Kommentar


    • #3
      Vielen Dank.

      So habe ich das gewollt

      Gruß und einen schönen Tag,
      Jörg

      Kommentar

      homepage-forum.de - Hilfe für Webmaster! Statistiken

      Einklappen

      Themen: 56.398   Beiträge: 428.157   Mitglieder: 27.758   Aktive Mitglieder: 87
      Willkommen an unser neuestes Mitglied, phomsunwin.

      Online-Benutzer

      Einklappen

      214 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 213.

      Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

      Die neuesten Themen

      Einklappen

      Kostenlose Homepage bei Jimdo!

      Einklappen

      Jimdo

      Die neuesten Beiträge

      Einklappen

      Lädt...
      X