`
ranyut
  • 浏览: 259301 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

英文长字符串自动换行问题,兼容IE Firefox chrome

阅读更多

<style type="text/css">
<!--
	/* 自动换行 */
	.atuo_break_line {
		white-space: pre-wrap;       /* css-3 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
-->
</style>

<div class='atuo_break_line' style='width:780px'>xxxxxxxxx</div>
 
分享到:
评论

相关推荐

    兼容多浏览器,兼容 div、p、td 的强制不换行及强制换行.

    2. **解决长串英文字母无法自动换行的问题**: - IE浏览器: ```css #wrap { white-space: normal; width: 200px; } ``` 或 ```css #wrap { word-break: break-all; width: 200px; } ``` - Firefox...

    css自动截取指定长度字符串,结尾显示... 支持FF浏览器

    ### CSS自动截取指定长度字符串方法及支持Firefox浏览器解析 #### 概述 在Web开发过程中,经常需要处理文本溢出的问题,特别是当容器宽度固定而内容长度不定时,合理控制文本显示,既能保证页面布局的美观又能提高...

    CSS中几个与换行有关的属性简明总结

    在CSS布局中,换行属性对于文本的展示和布局至关重要,尤其在处理多语言和长字符串时。本文将对几个关键的换行属性进行详细解释和对比,帮助开发者更好地理解和运用这些属性。 首先,`word-wrap`属性用于控制长单词...

    JS实现alert中显示换行的方法

    它定义了一个函数`getOs`用于判定浏览器类型,通过分析`navigator.userAgent`字符串来确定当前浏览器是IE、Firefox、Safari、Camino、Gecko还是Opera。 ```javascript function getOs() { if (navigator.userAgent...

    javascript解决innerText浏览器兼容问题思路代码

    在IE和Firefox中,innerText的表现可能不同。为了解决这个问题,可以通过正则表达式来处理文本内容,例如使用`str.replace(/\s+/g, ' ')`来压缩连续的空格为单个空格。 2. **嵌套元素**:innerText在处理嵌套元素时...

    web前端面试题1

    9. **常见浏览器及内核**:IE(Trident内核)、Firefox(Gecko内核)、Chrome/Safari(WebKit内核)、Opera(Presto内核)。 10. **IE6常见BUG及解决方法**:包括双边距问题、3像素问题、超链接hover失效、z-index...

    浏览器解析js生成的html出现样式问题的解决方法

    1. 浏览器解析差异问题:作者在使用Chrome、IE和Firefox三种不同的浏览器中发现了样式的差异,这表明不同浏览器对HTML和CSS的解析可能存在差异,这通常被称为“浏览器兼容性问题”。了解各种主流浏览器之间的细微...

    PHP使用preg_split和explode分割textarea存放内容的方法分析

    在Chrome和Firefox中,换行符通常是`\n`,而在IE中则是`\r\n`。所以,当使用`\r\n`作为分隔符时,`explode`函数在非IE浏览器上可能无法正确分割字符串。 为了解决这个问题,可以使用`str_replace`先替换`\r\n`为`\n...

    前端工程师面试题

    2. **浏览器内核差异**: 熟悉各种主流浏览器(如IE、Firefox、Chrome、Safari等)的渲染引擎及其特性差异。 3. **兼容性和hack技术**: 掌握针对不同浏览器的兼容性处理方法,包括CSS hack技巧。 4. **CSS基本功**: ...

    JavaScript解析及序列化JSON的方法实例分析

    随着ECMAScript 5标准的发布,现代浏览器已经内置了对JSON对象的支持,包括IE8+、Firefox3.5+、Safari4+、Chrome和Opera10.5+。对于那些不支持JSON对象的旧版浏览器,开发者们可以选择引入JSON-js这个库来实现兼容。...

    获取 textarea 标签第n行的文字的js代码

    在 Internet Explorer(IE)中,换行通常表示为 `\r\n`,而在其他浏览器如 Firefox、Chrome 等,换行则通常表示为 `\n`。因此,为了实现跨浏览器的兼容性,我们需要根据浏览器类型来处理换行符。 可以使用 `...

    文章管理系统

    1.关键字管理的地址栏加入自动换行,防止网址过长造成右侧会没显示 2.列表页导航分页加入超过100分页时,下拉选择自动变成文本框输入,防止下拉项太多而影响速度 3.纠正文章管理因异常栏目信息,而造成页面错误 4....

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    使用text-overflow:ellipsis实现溢出文本省略号显示无需js

    需要注意的是,此方法在大多数现代浏览器中都得到了良好的支持,包括IE8+、Chrome 30+ 和 Firefox 26+。 此外,如果你需要多行文本的省略号效果,可以使用CSS3的 `display: -webkit-box` 和 `-webkit-line-clamp` ...

Global site tag (gtag.js) - Google Analytics