`
qinya06
  • 浏览: 595233 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

IE中 文字自动换行问题

 
阅读更多


今天又遇到一件比较郁闷的事,页面显示本来好好的,结果随便打了一串字母就给撑乱了.

下图中是正常显示的结果,左边列表中的文字会自动换行
换成字母就不行了

-------------------
原因:这样显示是正常的。因为长长的一个字串是一个单词,单词是不可以分的,除非像楼上那样强制分行。

解决:
1.换成句子就没有问题
2.word-break:break-all; /*这样长长的文字就不会撑开我的<div id="main_right_product01">层了,
  • 大小: 35.4 KB
分享到:
评论

相关推荐

    CSS 文字自动换行

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

    html中表格td内容自动换行

    这将解决长串英文字母不能自动换行的问题和 TD 中汉字自动换行问题。 总结 在这里,我们讨论了如何使用 CSS 来控制 TD 中的换行。我们学习了强制不换行和强制换行的实现方法,并介绍了相关的属性和实例。

    CSS自动换行

    在前端开发领域,尤其是网页布局设计中,自动换行是一个至关重要的功能,它能够确保文本在不同的屏幕尺寸或容器宽度下能够自适应地显示,避免文本溢出或排版错乱的问题。本文将深入探讨五种不同的自动换行策略,这些...

    关于IE标签LI文字换行问题

    描述中提到的问题,实质上是指在IE浏览器中,UL和LI元素在默认情况下不会强制文字在超出容器宽度时自动换行。这是因为IE浏览器的默认样式设置中并没有为LI元素的white-space属性赋予break-word或者normal值,该属性...

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

    在HTML中,我们通常使用` `标签来插入一个换行符,但这并不适用于长字符串的自动换行。对于这种情况,我们可以利用CSS的`word-wrap`或`overflow-wrap`属性来解决。 `word-wrap`属性允许长单词或URL在不允许换行...

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

    单元格自动换行问题是 Web 开发中常见的问题,特别是在表格中显示大量文字时,超长文本可能会溢出单元格,影响页面的美观和可读性。使用 `&lt;wbr&gt;` 标签可以解决这个问题,但是这只是一个临时的解决方案,并不能满足...

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

    在网页设计中,控制文字自动换行是一个常见而重要的需求。若不加以控制,较长的文字可能会溢出其容器,导致布局混乱或者用户体验不佳。CSS提供了多种方式来实现文字的自动换行。 首先,块级元素如`&lt;div&gt;`和`&lt;p&gt;`在...

    css表格单元格中的长文本如何实现自动换行

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼。下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的...

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

    本文将详细讲解CSS中的两个关键属性:`word-wrap` 和 `word-break`,它们可以帮助我们解决自动换行和强制换行的问题。 首先,我们来看`word-wrap`属性。这个属性主要用于控制当一个单词或内容过长,超出了其容器的...

    div中英文无法自动换行的解决办法

    但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远...div中英文自动换行 复制代码代码如下: &lt;div style=”word-break:break-all;width:20px

    CSS实现连续数字和英文的自动换行的方法

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行: html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义...

    css是如何实现在页面文字不换行、自动换行、强制换行的方法

    根据给定文件,我们可以了解到如何利用CSS的不同属性实现文字不换行、自动换行和强制换行的三种效果。在页面排版中,合理地应用这些技术可以帮助我们处理各种复杂情况下的文本布局问题。 首先,实现页面文字不换行...

    css之自动换行.pdf

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

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

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

    css之自动换行实现代码

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html &lt;div id=wrap&gt;正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal...

    html pre标签使文本自动换行

    这段 CSS 代码确保了在主流浏览器(包括 IE6、IE7、IE8、Firefox、Opera、Safari 和 Chrome)中,`&lt;pre&gt;` 标签内的文本能够正确地自动换行,同时保持原有的格式。`word-wrap: break-word;` 属性允许单词在必要时进行...

    css之自动换行.docx

    在CSS(层叠样式表)中,自动换行是一个关键的概念,它涉及到如何处理文本在容器内的布局,特别是在有限的空间内。本篇文章将深入探讨如何使用CSS来控制文本的换行,尤其是对于div、p这样的块级元素以及表格中的文本...

    通过CSS让TD自动换行

    HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起...

Global site tag (gtag.js) - Google Analytics