关于div内容溢出的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于div内容溢出的问题相关的知识,希望对你有一定的参考价值。

动态创建的div,形式如下:<div id="content">  <div id="list_head"></div>  <div id="list_content"></div></div>content有设置width=421px,为什么在list_content中填充中文的时候没有出现溢出的情况,而在填充英文的时候会溢出?我没有设置overflow属性

英文默认不会出现词内换行。如DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD它会认为你是一个单词,出现溢出。
强制词内换换吧:
语法:
word-wrap : normal |
break-word
取值:
normal :  默认值。允许内容顶开指定的容器边界
break-word :  内容将在边界内换行。如果需要,词内换行( word-break
)也将发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
此属性对于 currentStyle
对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordWrap 。
示例:
div word-wrap: break-word; word-break: break-all;

精通html/XML/CSS等,精通W3C标准;
能熟练的使用DIV+CSS进行页面架构和布局;
熟练JS 具有良好的编程风格;
了解浏览器工作原理,能够处理各种浏览器兼容问题,兼容IE6 IE7 IE8 火狐等主流浏览器,具有良好的编程习惯和代码编写能力;
按质量帮你还原成页面,价格:80-200元/页面
保证质量速度,修改满意后在付款,诚心合作的请加QQ:(1410189154)谢谢 加时请注明:网页布局
参考技术A 你不要设置高,overflow隐藏,“
而在填充英文的时候会溢出?
”多半是没有空格
参考技术B 把你其它的样式写上看看行吗这样不知道问题出在哪里

以上是关于关于div内容溢出的问题的主要内容,如果未能解决你的问题,请参考以下文章

关于client浏览器界面文字内容溢出用省略号表示方法

为啥要使用 resize css 属性调整任何 div 都需要溢出!= 可见?

如果内容溢出,有一个需要滚动的固定位置 div

CSS:div的文本内容溢出到填充中是不是正确?

如何获得溢出的真实 .height():隐藏或溢出:滚动 div?

宽度 100% 不会产生父 div 的 100%。孙子内容导致溢出