Wie kann ich dieses Layout CSS erreichen

Hallo zusammen weiß ich, dass eine dumme Frage, aber ich konnte keine Lösung für diesen Fall, meine CSS-Fähigkeiten sind nicht gut :(.Wie kann ich dieses Layout CSS erreichen

Wie kann ich das Layout finden erreichen . unten der Text am Ende des Behälters wickeln soll (div, spannt, was auch immer)

---- -------------------------- 
|URL:|thissdfsisalongurasdsdfrea| 
----|allyyyyyyyyyyylonggggggggg| 
    |sdddfasdfsdfasdfsadfsdfsds| 
    |--------------------------|

Quelle

2012-03-29 Dynamikus

http://jsfiddle.net/tmqCR/ –

Thnx Isaac, das es ist. Setzen Sie es als Antwort, damit ich Ihnen Kredite geben kann. – Dynamikus

http://jsfiddle.net/tmqCR/

Einige dieser Antworten haben, was Sie brauchen. Ich denke, das hat aber alles zusammen.

Quelle

2012-03-29 22:00:48

Froh, dass Sie dies auch als Antwort gepostet haben. Ich habe deinen Kommentar gesehen, aber jetzt kann ich dir die Erwähnung geben, die du verdienst, und meine eigene Antwort löschen, die keinen Text ohne Abstände unterbricht. :( – GolezTrol

Schauen sie sich diese Geige http://jsfiddle.net/FEZaJ/

die URL - Float es links;

Quelle

2012-03-29 21:45:01 msponagle

Ich brauche diesen Text umbrochen werden – Dynamikus

, wenn Sie ein wenig mehr Inhalt hinzufügen der Wrapper umschließt und es bricht – Ibu

der Text nicht leere Leerzeichen oder Zeichen, die den Text zu brechen gezwungen. – Dynamikus

Die HTML:

<div class="container"> 
    <div class="url"> 
    URL: 
    </div> 
    <div class="text"> 
    Lorem Ipsum dolor 
    Lorem Ipsum dolor 
    Lorem Ipsum dolor 
    Lorem Ipsum dolor 
    </div> 
    <div class="clear"></div> 
</div>

Die CSS:

.url { 
    float:left; 
    width:60px; 
} 
.text { 
    float:left; 
    width:200px; 
} 
.clear { 
    clear:both; 
}

Quelle

2012-03-29 21:45:44 Ibu

Die media element. Wirklich bricht zusammen, um zu schweben: links; auf dem ersten Element und Überlauf auf dem zweiten versteckt.

Quelle

2012-03-29 21:45:49 mikevoermans

Hallo, ich habe das wie eins erstellt.

Css

.url { 
    float: left; 
    width: 75px; 
    background:pink; 
} 

.description{ 
    float: left; 
    width: 175px; 
    word-wrap: break-word; 
    text-align:justify; 
    background:lightgreen; 
}

HTML

<div class="url">URL:</div> 

<div class="description">thissdfsisalongurasdsdfreaallyyyyyyyyyyylongggggggggsdddfasdfsdfasdfsadfsdfsds</div>

Live-Demo Click here http://jsfiddle.net/rohitazad/tmqCR/25/

Quelle

2012-03-30 07:37:34

Nur eine Kopie der akzeptierten Lösung, vor 9 Stunden gepostet. – GolezTrol

Wie kann ich dieses Layout CSS erreichen

Antwort

Verwandte Themen