Verwenden Sie die Css Display: Tabelle-Zeile und Display: Table-Zellen Eigenschaften

Verwenden Sie die Css Display: Tabelle-Zeile und Display: Table-Zellen Eigenschaften

Verwenden Sie die Css Display: Tabelle-Zeile und Display: Table-Zellen Eigenschaften : Mehreren tausend Tipps, um Ihr Leben einfacher machen.

Tabellen in Webinhalte sind eine sehr bequeme und effiziente Art der Darstellung einer Menge Material in eine kleine Menge an Speicherplatz. Tische sind auch leichter zu lesen und die Beziehungen pro Element können leicht gesehen werden. Tabelle dienen auch für abgestufte Darstellung von Bildern und Text und wollen Sie lernen, wie man Tabellen verwenden, wenn Sie eine Datei in CSS, bearbeiten, dann dies der Artikel für Sie ist. Während andere Entwickler eigentlich lieber weniger-Tabelle-Implementierungen (da es schneller zu laden auf einigen Fällen), ist einfache Wartung einer der Vorteile, die Elemente in Tabellen.

• Blick auf die Tabelle weniger CSS-Code. Zum einen wissen, wo Sie zum Einfügen von Tabellen, ist hier ein Beispiel für ein Stück der CSS-Formatierung, die verwendet keine Tabellen, sondern verwenden stattdessen Divs.

  ID = 'Container' >
  < Div Id = 'Randleiste1'.
  Randleiste1 Inhalt
  Div >
  Div Id = 'Hauptinhalt' >
  Hauptinhalt hier

  < Div Class = 'Zeile' >
  < Div Class = 'Zelle' > Zelle 1 <> /
  < Div Class = 'Zelle' > 2 <> / Zelle
  < / Div >
  < / Div >

  Im obigen Beispiel sehen Sie, dass es gibt, dass Sie Inhalt einer Zeile Werte zuweisen. Es gibt tatsächlich zwei verschachtelte Divs – ein Div innerhalb eines Div im obigen Beispiel und in eine Tabelle umwandeln würde es bedeuten, mit zwei Tabellen als das Endergebnis.

• Divs in Tabellen konvertieren. Wenn Sie den oben aufgeführten Code zur Verwendung von Tabellen anstelle von Divs konvertieren möchten, sollten sie starten wie folgt aussehen:

  #sidebar1 {}
  Anzeige: Tabellenzelle;
  Breite: 200px
  Hintergrund: #FFFFFF
  Padding: 15px 10px 15px 20px
  }
  #mainContent {}
  Anzeige: Tabellenzelle;
  Textabstand links: 10px;
  }
  .Row {}
  Anzeige: Tabelle-Zeile;
  }
  {.cell}
  Display: Table-cell;
  Breite: 400px;
  Höhe: 200px
  Border: 1px solid blau
  }

  Wenn Sie nicht sicher sind welche Sie Farben für den Hintergrund und andere Content-Elemente verwenden gehen, können geben Sie einfach sie später da die Tabellen gibt es im Grunde ein Layout und nicht wirklich das Design der Seite bilden. Was angezeigt wird, wenn Sie diese html-Datei überprüfen ist, dass Sie zwei Tabellen angezeigt, ein wenig wie ein Raster. Entwickler bevorzugen zeigt in CSS einfach weil es viel leichter, aus dem Code zu verstehen, allein in dem Sie die Bilder platzieren und wo Sie den Wert für die Hintergrundfarbe und dergleichen zu ändern.

• Bearbeiten die Platzierung der Seitenleiste. In den letzten beiden Beispielen kommt die Sidebar zuerst, was bedeutet, dass sie auf dem linken Teil des Bildschirms angezeigt wird. Wenn es auf den rechten Teil des Bildschirms soll dann nur nach den wesentlichen Inhalt, noch als eine Sidebar, Ort und sollte entsprechend platziert werden.

Es gibt viele andere Tipps zum Bearbeiten von Displays im CSS, aber das ist eine der grundlegenden. Gibt es eine laufende Debatte auf, was in Bezug auf die Anzeige von Informationen effizienter ist und es gibt zwei wichtigsten Denkschulen – diejenigen bevorzugen, Divs und diejenigen Tabellen verwenden lieber zu verwenden. Nur ein letzter Hinweis: Tabelle zeigt nicht von Internet Explorer ab Version 8 unterstützt werden, also wenn dieser Browser sehr hoch oben auf Ihrer Prioritätenliste ist dann möchten Sie vielleicht statt dessen weiter mit der Umsetzung Div.