CSS text-voerflow属性

<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吧.

中英都支持, 而且兼容浏览器各种版本

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息