Как я могу добиться этого макета CSS

Привет там Я знаю, что это глупый вопрос, но я не мог найти решение для этого случая, мои навыки CSS не хорошо :(.Как я могу добиться этого макета CSS

Как можно достичь раскладку . ниже текст должен обернуть в конце контейнера (Div, поверочного, безотносительно)

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

источник

2012-03-29 Dynamikus

http://jsfiddle.net/tmqCR/ –

Thnx Isaac что это. Положите это как ответ, чтобы я мог дать вам кредиты. – Dynamikus

http://jsfiddle.net/tmqCR/

Некоторые из этих ответов есть то, что вам нужно. Я думаю, что все это вместе.

источник

2012-03-29 22:00:48

Рад, что вы отправили это как ответ тоже. Я видел ваш комментарий, но теперь я могу дать вам преимущество, которого вы заслуживаете, и удалить мой собственный ответ, который не прерывает текст без пробелов. :( – GolezTrol

Проверить эту скрипку http://jsfiddle.net/FEZaJ/

URL-адрес - Float он оставил;

источник

2012-03-29 21:45:01 msponagle

Мне нужно, чтобы текст был обманут – Dynamikus

, когда вы добавляете немного больше контента, поплавок обтекает, и он разбивается – Ibu

текст не содержит пустых мест или символов, которые вынуждают текст разбиваться. – Dynamikus

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>

CSS-:

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

источник

2012-03-29 21:45:44 Ibu

media element. Действительно ломается до float: left; на первый элемент и переполнение, скрытое на втором.

источник

2012-03-29 21:45:49 mikevoermans

Привет, я создал это как один.

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>

Живая демо Click here http://jsfiddle.net/rohitazad/tmqCR/25/

источник

2012-03-30 07:37:34

Просто копия принятого решения, отправленного 9 часов назад. – GolezTrol

Как я могу добиться этого макета CSS

ответ

Смежные вопросы