我怎样才能达到这个布局的CSS

您好，我知道这是一个愚蠢的问题，但我找不到这种情况下的解决方案，我的CSS技巧不是很好:(。我怎样才能达到这个布局的CSS

如何能够做到布局。下面文本应该在包装容器的结束（DIV，跨度，等等）

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

来源

2012-03-29 Dynamikus

http://jsfiddle.net/tmqCR/ – 2012-03-29 21:51:11

日Thnx以撒，就是这样。把它作为答案，我可以给你学分。 – Dynamikus 2012-03-29 21:57:03

http://jsfiddle.net/tmqCR/

一些这些反应有你需要的。尽管如此，我认为这一切都在一起。

来源

2012-03-29 22:00:48

很高兴你发布了这个答案。我看到了您的评论，但现在我可以给予您应得的满意答案，并删除我自己的答案，该答案不会打破非间隔文本。 :( – GolezTrol 2012-03-30 08:03:25

看看这个小提琴http://jsfiddle.net/FEZaJ/

的URL - 浮动它离开;

来源

2012-03-29 21:45:01 msponagle

我需要包装文本 – Dynamikus 2012-03-29 21:46:20

当你添加更多的内容浮动环绕和它打破 – Ibu 2012-03-29 21:46:51

文本没有空格或强制文本被打破的字符。 – Dynamikus 2012-03-29 21:48:09

的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。真的打破了浮动：左边;第一个元素和第二个隐藏的溢出。

来源

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 2012-03-30 08:06:26

我怎样才能达到这个布局的CSS

回答

相关问题