CSS实现文字自动换行(兼容IE和火狐)

转载 2011年01月18日 16:46:00

CSS实现文字自动换行(兼容IE和火狐)

     

     word-wrap是控制换行的。

  使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。

  break-word是控制是否断词的。

  normal是默认情况,英文单词不被拆开。

  break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。

  keep-all,是指Chinese, Japanese, and Korean不断词。即只用此时,不用word-wrap,中文就不会换行了。(英文语句正常。)

 

最好的方式是:

<div style='word-wrap:break-word;overflow:hidden;width:595px;'>   </div>   

 

 

  

css兼容多浏览器强制换行与不换行

兼容多浏览器强制换行与不换行 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;...
  • lxp1021
  • lxp1021
  • 2013年11月11日 15:25
  • 2185

CSS中box-reflect特性以及火狐浏览器替代方案

CSS3中的box-reflect特性可以实现倒影的效果,但是这个特性仅仅支持webkit内核的浏览器,即使到现在,其他浏览器依旧不支持这一特性,但是在火狐浏览器中有替代的方案可以实现倒影的效果。 ...
  • Low_Key_Shulman
  • Low_Key_Shulman
  • 2016年03月16日 20:47
  • 995

firefox(火狐)与IE Chrome浏览器兼容的javascript和CSS写法

css: 1. ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反 解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;ma...
  • xhjfor
  • xhjfor
  • 2014年04月14日 16:15
  • 3915

JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色。但是css...
  • wswq1125
  • wswq1125
  • 2017年01月06日 08:39
  • 380

Firefox/Chrome/IE浏览器关于CSS和JavaScript的兼容性

转自:http://xufive.blog.163.com/blog/static/1723261682011971045158/ 这是一篇工作笔记,在接下来的一段时期内,可能会持续更新。 ...
  • guchuanlong
  • guchuanlong
  • 2015年01月19日 11:11
  • 920

CSS控制文本自动换行

1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比)   2.强制不换行 div{ //white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文...
  • tank376574984
  • tank376574984
  • 2014年04月01日 10:37
  • 2725

ie和火狐兼容问题

1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(...
  • sinolzeng
  • sinolzeng
  • 2015年02月25日 09:01
  • 1070

CSS---解决文本溢出,换行

当我们设置我的的div,或者其它文本框固定宽度之后,文本内容过多就会出文本溢出(显示在区域外面,不换行的情况)。 这时我们可以使用Css中的几个属于来解。有以下的三个属于可以解决问题: 1,wor...
  • luxideyao
  • luxideyao
  • 2014年08月06日 00:00
  • 22717

史上最全的CSS hack方式一览(解决IE6-IE11,Firefox/Safari/Opera/Chrome兼容问题)

做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道...
  • dayu9216
  • dayu9216
  • 2017年04月18日 10:15
  • 2198

CSS 单行溢出文本显示省略号...的方法(兼容IE FF)

原文地址:http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/08/06/1793922.html
  • WeLoveSunFlower
  • WeLoveSunFlower
  • 2014年07月21日 10:41
  • 3787
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS实现文字自动换行(兼容IE和火狐)
举报原因:
原因补充:

(最多只允许输入30个字)