设置div中文字超出时自动换行

一、对于div强制换行
1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}

2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;

同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }

二、对于table强制换行
1. (IE浏览器)使用样式table-layout:fixed;

2.(IE浏览器)使用样式table-layout:fixed与nowrap

3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap

4.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div。

-----------------------------------------------------------------------------------------------------------------------------------

三、强制不换行:div{white-space:nowrap;}

四、自动换行:div{ word-wrap: break-word; word-break: normal;}

五、强制英文单词断行:div{word-break:break-all;}

更多相关文章
一周排行
  • 关于消息队列的使用
    一.消息队列概述 消息队列中间件是分布式系统中重要的组件,主要解决应用耦合,异步消息,流量 ...
  • md可以说是一个虚拟的设备驱动层,它属于块设备驱动,拥有块设备驱动的特点.所以,他实现了块设备操作接口staticstruct block_device_operations md_fops =  {  .owner ...
  • 本文转载自我的博客文章<Inventory Service无法启动>.某日,vCenter Server突然无法搜索虚拟机了.在vSphere Client中搜索时会提示 Unable to connec ...
  • 离开公司已经十天,前段时间一直忙于准备考试,如今剩下最后一科,暂时缓一缓,写一下实习总结.    超级课程表,相信90后的大学生都听说过这个应用,这是一个十分优秀的应用,如果说全国每三位大学生就有一位在用超级课程表真 ...
  • 谁动了我的磁盘:Linux磁盘空间被未知资源耗尽转至:higkoo    最近跑一稳定性测试,为防止日志过多塞满磁盘.特将程序日志指向空设备(/dev/null),不实际写磁盘.    结果一晚上过去了,磁盘还是快爆 ...
  • 3.小谢找我谈话
    小谢找我谈话事情发生在刚进来那个月,具体内容忘记了,总之,是在叮嘱,要尽快掌握好Linux ...
  • 2012年3月27日消息,甲骨文今日宣布基于内存计算的Oracle Exalytics商务智能云服务器(Oracle Exalytics In-Memory Machine)正式上市,这是业界第一款高速集成系统,实现 ...
  • <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
  • 一.ERP系统与内部控制概念解析内部控制是被审计单位为了合理保证财务报告的可靠性.经营的效率和效果以及对法律法规的遵守,由管理层和其他人员设计和执行的政策和程序.ERP系统引入内部控制是内部控制的革新,ERP的引入给 ...
  • Xaml/Xml实现对象与存储分离
         刚开始用xml存储东西的时候都是不断的在xml文件里面添加或者修改xml的节点, ...