Ich bin neu in HTML / CSS und versuche, ein bestimmtes Szenario zu erreichen:

  1. Ein Container-Div (übergeordnetes Element) hat zwei untergeordnete Divs, einen für die Bezeichnung und einen für den Inhalt.
  2. Die Breite des übergeordneten Div (Containers) sollte von der Breite des zweiten untergeordneten (Inhalts) abhängen, d. H. Wenn die Breite des zweiten untergeordneten Elements aufgrund seines Inhalts zunimmt, sollte auch die Breite des übergeordneten Div (Container) erhöht werden. (Übergeordnete Div-Breite = zweite untergeordnete Breite).
  3. Das erste untergeordnete Element wird für die Beschriftung verwendet, daher sollte es die übergeordnete Div-Breite nicht überschreiten. Wenn das erste untergeordnete Element größer als die übergeordnete div-Breite ist, sollte der Text als Auslassungspunkt angezeigt werden. Die übergeordnete Div-Breite sollte nicht von der ersten untergeordneten Breite abhängen.

Ich bin nicht sicher, ob dies nur mit CSS erreicht werden kann. Würde mich sehr über Ihre Hilfe dabei freuen.

Danke im Voraus.

Bild zur visuellen Darstellung

-3
Usual Guy 8 Okt. 2020 im 09:17

2 Antworten

Beste Antwort

Implementiert mit Flex in CSS. Eine funktionierende Demo finden Sie hier. 'https://codepen.io/shrdz_yadav/pen/rNLNPQE'

0
Shraddha Yadav 8 Okt. 2020 im 07:49

Wenn der Container den Inhalt als Breitenreferenz verwendet, ist dies möglich und wird als "Schrumpfen" bezeichnet. Weitere Informationen finden Sie in diesem Thread .
Für das Label div können Sie diese CSS-Eigenschaft verwenden.
Also die Antwort auf Ihre Frage, ja, es ist möglich.

0
Oussama Bouthouri 8 Okt. 2020 im 07:02