设置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;}

更多相关文章
一周排行
  • LAMP的几种简单实现及drupal、WordPress、phpMyAdmin部署
    一.实验规划说明:使用VMWare 虚拟3台CentOS 6.5主机,都采用桥接方式.序号 ...
  • ssl3_send_client_key_exchange是openssl中客户端确定密钥的函数,同时也发送了“一部分”数据给服务器,这一部分数据就是所谓的pre_master,不管是客户端还是服务器都根据对端传过来 ...
  • mysql中的枚举类型ENUM的用法:(8 3)标签:mysql枚举杂谈分类:mysqlmysql中的枚举类型ENUM的用法:mysql中的枚举类型ENUM是一个字符串对象,它的值是自 ...
  • 这就是一个md格式的文档 Markdown适合哪些人使用 markdown是为那些需要经常码字或者进行文字排版的.对码字手速和排版顺畅度有要求的人群设计的,他们希望用键盘把文字打出来后就已经排版好了,最好从头到尾都不 ...
  • 1.      虚拟服务器常用的操作系统是WINDOWS行吗?2.      做虚拟主机提供商,服务器上FTP常用什么软件?可以保证服务器的安全可靠.3.      服务器上用什么方法或者软件来限制各个站点空间的大小 ...
  • 这几天整理机房设备文档,顺便登记一下各台服务器的出厂.保修时间.发现有的厂商S/N查询地址页面不好找,特汇总如下:IBM http://www-900.ibm.com/cn/support/service/esupp ...
  •  网站后台登陆有时出错,可以被黑客攻击,不得不修改密码,使用phpmyadmin修改后台密码账号,刷新.
  • 华为设备上做IPsecVPN
    实验实验拓扑图:实验要求:在上海和北京两家分公司网关做IPsecVPN,能够互相访问内部局 ...
  • RHEL5下Samba文件共享服务
    RHEL5下Samba 文件共享服务目录
  • 3 少量项目实践--自学和上学的区别有句老话叫做学以致用,说的是如果不是为了用而学,是没有意义的: 同样,在用中学才能真正的掌握学到内容.编程跟着书本走,入书之后终究需要脱离书本,做到"出书".这 ...