Wie erstelle ich ein Block-Div, das zur Inhaltsbreite passt?

8

Ich habe ein div, das einen Inhalt mit fester Breite (Bild in einem anderen div) und einen Inhalt mit variabler Breite (Text, der sich dynamisch ändert) enthält. Ich brauche dieses äußere Div zu:

  • Beginnen Sie mit einer neuen Zeile
  • ist genau so breit wie sein Inhalt
  • endet vorzugsweise in einer neuen Zeile

Weil es das einzige Element in der Zeile sein sollte, kann ich display:inline oder display:inline-block nicht verwenden. Auf der anderen Seite wird display:block nicht automatisch verkleinert. Hier ist mein Code:

Ссылка

Meine Experimente mit overflow , float und clear ergaben kein Ergebnis. Jede Hilfe, Beratung, Link usw. ist sehr willkommen. Danke.

    
Eques 19.12.2013, 04:47
quelle

3 Antworten

7

So habe ich es gemacht: Ich habe #outer dem CSS-Stil display:inline-block gegeben und dann einfach ein anderes div mit dem css display:block eingefügt, um sicherzustellen, dass #outer in einer separaten Zeile bleibt:

CSS

%Vor%

HTML

%Vor%

DEMO

    
Daniel Lisik 19.12.2013, 05:16
quelle
3

Ich bin mir nicht sicher, ob ich das für dich richtig gemacht habe, aber ich denke, das hilft:

Durch das Platzieren von

%Vor%

Sie können Mitte nach oben, unten usw. ändern.

Demo

    
draftdraft88 19.12.2013 06:40
quelle
1

Fügen Sie einfach <br/> zwischen Ihrem 'text-element' und Ihrem 'block-element' hinzu. Dann Anzeige: Inline-Blockieren Sie Ihren inneren Container

%Vor%

jsfiddled hier

    
Milche Patern 19.12.2013 06:53
quelle

Tags und Links