CSS 2.1:在Div中包装文本

时间:2012-09-12 12:22:24

标签: html css

我有HTML和CSS,如http://jsfiddle.net/Lijo/Ydjde/

所示

问题是div内的文本不限于div。它打破了div而且写了。我们如何使用以下功能将文本包装在div中?

•全文可读

•它不会打破div

有没有办法在 CSS 2.1 中使用它?我相信自动换行是CSS 3.0的功能。

注意:我将宽度定义为宽度:100px;宽度:30px;对于第一和第二个div

注意:跨度是从ASP.Net Label控件生成的。因此,我们无法更改/替换 span 。问题是使用CSS解决。

 <span id="detailContentPlaceholder_Label1">25123456789</span>

enter image description here

参考:

  1. Word-wrap in an HTML table
  2. CSS word-wrapping in div
  3. CSS3 word-wrap Property

4 个答案:

答案 0 :(得分:12)

word-wrap: break-word;是你的朋友。查看您的updated JSFiddle

答案 1 :(得分:2)

你是说word-wrap: break-word吗?

http://jsfiddle.net/PhRKh/

(编辑:oops,没有看到其他答案)

答案 2 :(得分:1)

我在这里发现一些奇怪的事情word-wrap只适用于css的width属性。

这是我为此准备的working demo

我知道它太晚了,但它可以帮助别人!

答案 3 :(得分:0)

you add change width:35px  then work properly

   .fixedColumnValue{
      width:auto;
    }