永发信息网

CSS text-voerflow属性

答案:4  悬赏:30  手机版
解决时间 2021-04-15 18:29

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

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

我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
是不是我的电脑关了,我的网站也关了?
公元总经销我想知道这个在什么地方
我梦见和她在一起《为什么
一个主机连接两个显示器怎么设置
QQ农场用手机怎么玩。
湖南卫视天天向上09年10月23号的开唱曲是什么
哎呀收集有关树的谚语,吾无过人者,但生平行为
四通酒业在什么地方啊,我要过去处理事情
6/7-2/3+6/5等于
问道火法要搞道吗
白带浅黄是什么原因,白带有一点点黄 很淡很淡
DNF中粉雕翎短靴(布甲)多少钱?
学习物理的好处有什么?
忆江南大酒店怎么去啊,有知道地址的么
我注册仔仔通会员不成功,怎么办呀?
推荐资讯
请问专升本英语要考哪些
我该怎样解释这一切?
甲乙两缸共有金鱼若干尾,其中甲缸金鱼尾数占
杰伦09新专辑什么时候出
成都永菱汽车贸易有限公司地址在哪,我要去那
sharpfo-780cn传真使用说明书
请问我家里养狗 怎样才不会跟狗互相传染疾病
互锁点动是什么意思,什么是机械互锁。机械互
NOKIA 6系列S60v3系统的智能手机有哪些市面上
运城平路县张村派出所中秋放假安排,何时上班
赠中华上下五千年寄语,中华上下五千年优美句
杭州林立汽车修配行地址有知道的么?有点事想
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?