Shrink-to-fit div und Absatz, basierend auf Bild?

8

Der folgende Code ist eine vereinfachte Version meiner Website. Auf meiner Website variiert die Bildbreite von Seite zu Seite und der Text beträgt ungefähr 100 Wörter. Das heißt, der Absatz streckt den DIV breiter als das Bild. Ist es möglich, mit nur CSS den DIV und den Absatz auf die Breite des Bildes zu verkleinern?

JSFiedle hier

Beispiel für das, was ich hier beschreiben möchte . Top ist was ich bekomme, unten ist was ich will.

HTML

%Vor%

CSS

%Vor%     
colindunn 30.03.2012, 22:46
quelle

5 Antworten

3

Und um etwas zu tun, das mit dem Thema verwandt ist, werde ich mich für immer beschämen: Ссылка

%Vor%     
mikevoermans 31.03.2012, 04:57
quelle
1

Sie können dies verwenden: -

%Vor%

Es wird völlig nach Bildgröße funktionieren .....

siehe Demo: - Ссылка

    
Shailender Arora 31.03.2012 07:42
quelle
0

Nein, das ist nur mit CSS möglich. Sie müssen eine Breite für das Eltern-Div festlegen und Ihre Bilder neu skalieren.

    
Juan Sosa 30.03.2012 23:09
quelle
0

Ich empfehle, ein wenig jquery hinzuzufügen, um Ihr Leben so viel einfacher zu machen:

%Vor%

So würde es aussehen: Ссылка

Auf diese Weise können Sie diese einfache Codezeile zu jedem div hinzufügen und einfach $ ("div") mit und ID $ ("# idofdiv") ersetzen. Hoffe das hilft!

    
lov2code 31.03.2012 04:37
quelle
0

Im Moment ist es nicht möglich, CSS zu verwenden

Mit jQuery ist es so einfach wie das

%Vor%

Demo

    
Starx 31.03.2012 05:05
quelle

Tags und Links