<style type="text/css">
.words{
width:500px;
margin:0 auto;
overflow:hidden;
text-overflow:ellipsis;
white-space:normal;
}
</style>
<div class="words">
asjdhasjdhsajhdasjhdajshdajskhdjsakhdjakshdjkashdjashdjkashdkjashdjkashdjkashdjkashdjkashdkjashdjkashdkajshdkahsdjkasd
</div>
DIV里的字符串不能在宽度500PX范围内自动换行,会把宽度500PX的DIV撑大,但输入中文则会自动换行,就英文不行!帮解决!
这个属性仅仅作用于水平内联方向的,普通的西方文本的溢出。内联溢出发生在行内的文本超出可用宽度却没有换行机会的时候。
要强制溢出发生并且应用 ellipsis 值,作者必须设置对象的 white-space 属性值为 nowrap 。
---------
所以要把white-space 属性值改为 nowrap 。
<style type="text/css">
.words{
width:500px;
margin:0 auto;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap ;
}
</style>
overflow 属性设置当元素的内容溢出其区域时发生的事情。具体的用法可以参考这个: http://www.abaonet.com/makeWeb/divCss/css_reference/pr_pos_overflow.html
呵呵,你在中间加入一个标点符号,他就会从中间断开。在FF3.5以前版本里面对word-wrap暂时不支持。但是FF3.5以上就支持了。
在里代码里面加入word-wrap属性
<script language="javascript" type="text/javascript" defer="defer">
javascript:(function(){var D=document; F(D.body); function F(n){var u,r,c,x; if(n.nodeType==3){ u=n.data.search(/\S{10}/); if(u>=0) { r=n.splitText(u+10); n.parentNode.insertBefore(D.createElement("WBR"),r); } }else if(n.tagName!="STYLE" && n.tagName!="SCRIPT"){for (c=0;x=n.childNodes[c];++c){F(x);}} } })();
</script>
呵呵,用css是不能控制自动换行的. 就算你改好了 ff也是不支持这个属性的. 还是用JS吧.
中英都支持, 而且兼容浏览器各种版本