`
yj10864
  • 浏览: 84029 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

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

    博客分类:
  • web
阅读更多

     

     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>
 

 

分享到:
评论
1 楼 kvxy515 2011-02-10  
好使               

相关推荐

    CSS 文字自动换行

    ### CSS文字自动换行 #### 知识点一:CSS自动换行的原理与方法 在Web开发中,实现文本的自动换行是一项常见的需求。本文档主要介绍了如何利用CSS来实现不同浏览器环境下的自动换行功能,并特别关注了对老旧浏览器...

    css 自动换行 强制换行属性 (firefox+ie)

    例如,Firefox 和 Internet Explorer 都支持这两个属性,但早期版本的 IE 可能需要使用私有属性 `-ms-word-wrap` 和 `-ms-word-break` 来实现相同的效果。在实际应用中,通常建议结合使用 `word-wrap: break-word;` ...

    CSS自动换行

    本文将深入探讨五种不同的自动换行策略,这些策略不仅能够满足基本的自动换行需求,更重要的是它们具有良好的浏览器兼容性,能够在IE、Chrome和Firefox等主流浏览器中稳定运行。 ### 一、使用`white-space`和`word-...

    css控制文字自动换行的实现方法

    以上内容详细介绍了CSS中关于如何控制文字自动换行的几种实现方法,这在网页布局和排版中非常关键,能够帮助开发者更加精确地控制页面的显示效果,提升用户体验。在实际应用中,需要结合不同浏览器的兼容性来选择...

    js实现连续英文字符自动换行兼容ie6 ie7和firefox

    在本例中,我们要探讨的是如何使用JavaScript来实现连续英文字符在指定宽度限制下的自动换行,并确保该方案能够在不同的浏览器(包括较老的IE6和IE7,以及Firefox)中兼容运行。 在CSS中,通常可以使用`word-wrap`...

    firefox,IE 都兼容字符强制换行

    标题提到的"firefox,IE 都兼容字符强制换行"是指在Firefox和Internet Explorer(IE)这两种主流浏览器上实现文本强制换行的技术。虽然这两款浏览器在处理某些HTML和CSS特性时可能存在差异,但可以通过一些方法来实现...

    IE与Firefox的CSS兼容大全

    8. **盒模型差异**:Firefox和IE对盒模型的解释不一致,可以通过重置`margin`和`padding`来解决。例如,使用`margin:30px!important;margin:28px;`的顺序来覆盖IE的默认行为。 9. **IE5和IE6的盒模型**:IE5计算...

    firefox css自动换行的实现方法

    ### Firefox CSS自动换行的实现方法 随着网页设计与开发技术的发展,良好的用户体验越来越成为网页设计的核心要素之一。其中,文本的排版处理是至关重要的环节。本文将详细介绍如何在Firefox浏览器中实现CSS自动...

    支持IE和FF同时自动换行

    本文将详细介绍一种通过使用`&lt;table&gt;`标签结合特定CSS属性的方式,来实现文本在Internet Explorer (IE) 和 Firefox (FF) 等浏览器中的自动换行效果。 #### 二、核心概念和技术背景 ##### 2.1 CSS自动换行相关属性 ...

    css之自动换行.pdf

    本文主要探讨如何使用CSS来解决自动换行的问题,特别是针对IE和Firefox浏览器的差异。 首先,块级元素如`div`和`p`默认具有`white-space:normal`属性,这意味着当定义了宽度后,内容会根据需要自动换行。例如: ``...

    css兼容性(IE 和 firefox)技巧大全.doc

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE(Internet Explorer)和Firefox这两个浏览器之间的差异时。本文主要针对这些差异提供了一些实用的技巧,帮助开发者解决常见的CSS兼容...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    2. **居中对齐**:Firefox中,设置`div`的`margin-left`和`margin-right`为`auto`即可实现居中,但IE6和IE7需要通过设置`body`的`text-align`为`center`,然后让`div`的`margin`自动调整。 3. **高度和宽度的适应**...

    CSS兼容IE和Firefox的技巧集合

    ### CSS兼容IE和Firefox的技巧集合 在网页开发过程中,CSS的兼容性一直是开发者们头疼的问题,尤其是在处理不同浏览器如Internet Explorer(IE)和Mozilla Firefox之间的差异时。本文旨在总结一系列有效的技巧,...

    通过css样式控制单元格内超长文本自动换行.doc

    在实际开发中,我们可能会遇到不同的浏览器兼容问题,例如 Firefox 和 IE 的行为不同。因此,我们需要格外小心地处理这些问题,以确保我们的代码可以在不同的浏览器中正常工作。 使用 CSS 样式控制单元格内超长文本...

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

Global site tag (gtag.js) - Google Analytics