Die EU-Urheberrechtsreform wird das Internet, wie wir es kennen, grundlegend verändern – wenn sie denn in der finalen Abstimmung angenommen wird. Das können wir aber immer noch verhindern!
Weitere Informationen: https://juliareda.eu/2019/02/artikel-13-endgueltig/
CSS/Tutorials/variable Elemente nebeneinander
Aus SELFHTML-Wiki
Das Layout soll die Überschrift als linke Box, den Textabsatz als rechte positionieren. Dabei soll sich die Breite des Absatzes am verfügbaren Platz, der neben der Überschrift bleibt, orientieren.[1]
Mit Flexbox können Sie den verfügbaren Leerraum verteilen:
Beispiel: Formular
ansehen …
<section>
<h2>Überschrift</h2>
<p>Dieser Textabsatz könnte breiter sein, als der verfügbare Platz. Deshalb wird er umbrechen.
Aber wo bleibt die Überschrift?
</p>
</section>
@media (min-width: 20em) {
section {
display: flex;
align-items: center;
}
section p {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
}
}
Quellen[Bearbeiten]
- ↑ Frage im Self-Forum: zwei variabel breite Elemente zwingend nebeneinander vom 29.04.2016
Der Textabsatz erhält durch den Wert
auto
für flex-basis eine flexible Breite, die durch den Wachstumsfaktor und Schrumpfungsfaktor von je 1 begrenzt wird.