不将内容填入div

Question

我必须在div上打印一些内容，但我需要它不是自己进入div宽度

例如，如果我的文字是“一些文字来解释这种情况”，我的div宽度只能包含大约10个字符，我希望它显示

Some tex

而不是(jsfiddle)：

Some
text to
explain 
this 
situation

有可能吗？我该怎么办？

提前致谢

Answer 1

试试这个：

.container{
    width:9%;
    text-align: justify;
    word-wrap: break-word; overflow-wrap: break-word;
    word-break: break-all;
}

小提琴：http://jsfiddle.net/Xfrnw/8/

<小时/> 如果您只想显示第一行，请添加以下内容：

line-height: 1em;
height: 1em;
overflow: hidden;

小提琴：http://jsfiddle.net/Xfrnw/9/

<小时/> 为什么word-wrap和overflow-wrap？

引自this Mozilla page：

  

最初是Microsoft（未加前缀）的专有扩展，   word-wrap属性已在当前草稿中重命名为overflow-wrap   CSS3 Text规范。稳定构建的Google Chrome和   Opera支持新语法。