Erstelle zwei Divs in deinem Hauptdiv
%Vor%Fixiere jedes CSS mit CSS auf der richtigen Seite
%Vor%Ich wollte eigentlich die beiden Gitter in einem div, ich meine, ein Gitter in Ordnung, andere in den linken ..... aber jetzt das Gitter erscheint unten. Es ist dasselbe wie Sie in einer Tabelle mit zwei Reihen aufgeteilt haben !! Genauso muss ich ein Div aufteilen und zwei Gitter nebeneinander hinzufügen. Ich hoffe, Sie verstehen, was ich meine. Ich danke Ihnen allen im Voraus für Ihre großartige Unterstützung und Antworten
Alles hängt von dem Design ab, das Sie für diese Tabelle erzielen möchten. Es gibt mehrere Ansätze, von denen jeder etwas andere Ergebnisse liefert.
display CSS-Eigenschaft für die divs ändern. Der beste zu verwendende Wert wäre table-cell ; Dieser Wert wird jedoch von keiner IE-Version unterstützt. Sie können auch inline oder inline-block Werte verwenden. span wechseln. Dies ist eine Erweiterung von Omar Abids akzeptierter Antwort. Ich fing damit an und musste weitere Änderungen vornehmen, damit es in meinem Beispiel der genannten Frage funktionieren würde.
Ich habe dies mit Klassennamen anstelle von IDs gemacht, damit ich das gleiche CSS in mehreren Instanzen aufrufen kann. Dies gab mir die Möglichkeit, zwei Zellen gleicher Größe zu simulieren. In meinem Beispiel habe ich eine feste Größe mit ems festgelegt, so dass das Erscheinungsbild über eine Reihe von Tabellen- und Desktopbrowsergrößen hinweg erhalten bleibt (in meinem mobilen CSS habe ich eine andere Strategie).
Um ein Bild im linken div auszurichten, musste ich einen separaten Block erstellen (den letzten im CSS-Code).
Dies sollte in den meisten Fällen die Frage beantworten
%Vor%CSS:
%Vor%Verwenden Sie eine Tabelle. Es macht mehr Sinn, Tabellen dort zu verwenden, wo sie effizienter sind. Dinge wie das sind, wofür Tabellen gemacht werden, und Div ist nicht dafür gemacht.