Also habe ich drei divs in einem div.
%Vor%Ich möchte, dass die untergeordneten divs die Breite des übergeordneten Elements ausfüllen (die kombinierte Breite der untergeordneten Elemente sollte das übergeordnete Element sein). Das passiert jedoch nicht, ich komme zu kurz. Ich denke, das liegt daran, dass die Child-Divs die Breite basierend auf ihrem Inhalt einstellen.
Wie erreiche ich, was ich will?
CSS -
%Vor%Wenn Sie wissen, dass es immer drei Kinder geben wird, können Sie einfach Folgendes verwenden:
%Vor%Wenn Sie nicht wissen, wie viele Kinder es gibt, müssen Sie CSS-Tabellen, flexbox verwenden oder Inline-Blöcke mit text-align: justify kombinieren.
Sie können diese drei Eigenschaften der Regel .child CSS hinzufügen:
Die letzte Zeile stellt sicher, dass es auch funktioniert, wenn Sie Rahmen, Abstände und Ränder zu den Feldern hinzufügen.
Ps: nicht direkt verwandt, aber es gibt auch einen Fehler im Rand unten für Eltern, korrigiert in Fiedel oben. Wenn Sie einen Wert ungleich 0 verwenden, müssen Sie die Einheit angeben:
%Vor%Ich musste für meine Lösung eine Varianz in der Anzahl der Elemente berücksichtigen, damit sie vollständig reagieren.
Ich habe eine interessante Lösung gefunden. Es zeigt im Wesentlichen wie eine Tabelle. Jedes Element teilt die verfügbare Breite und dies funktioniert auch für Bilder sehr gut: Ссылка
%Vor%