在CSS中关于换行的属于有两个分别是word-break
以及white-space
,其中word-break是IE的专有属性.
word-break有三个参数:normal、break-all、keep-all
normal
: 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all
: 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all
: 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
由于是要不允许文本字间断行,所以使用第三个参数keep-all,但是当文字中有空格的时候,依然会出现折行的现象
而white-space
则是检索对象的空格处理方式的,同样有三个参数:normal、pre、nowrap
normal :
默认处理方式
pre :
用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap :
强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)
所以当文本对象中存在空格,导致文本显示折行的话,可以使用white-space:nowrap,即可解决文本折行的问题。
分享到:
相关推荐
### IE浏览器经典故障及其解决方案 #### 故障一:无法改变IE的安全等级 **现象**:用户尝试通过桌面快捷方式打开IE浏览器,并进入其属性设置界面。然而,在切换至“安全”标签页后,发现“自定义级别”与“默认...
### QC在Win7的IE8和IE9下不能工作的解决方案 #### 一、QC9.0兼容IE8.0的解决方法 ##### 目的 QC9.0默认支持IE6,但不支持IE7和IE8。因此,当用户尝试使用IE7或IE8访问QC时,会收到错误消息:“Microsoft Internet...
【IE文本转语音控件与Web语音(TTS)控件】是用于在B/S(浏览器/服务器)架构的系统中实现文本到语音(Text To Speech,简称TTS)转换的技术解决方案。这种技术允许用户在IE浏览器中浏览网页时,将显示的文本内容转化...
### SpringMVC上传文件IE提示下载JSON文件解决方案 在开发基于SpringMVC的应用时,可能会遇到这样一个问题:当用户尝试通过Internet Explorer(IE)浏览器上传文件时,浏览器会提示下载一个JSON文件,而不是正常地...
描述中同样重复了标题的信息,意味着压缩包中的内容可能包含详细步骤、解决方案或者代码片段,用于帮助用户在IE8中将浏览器设置为IE7模式,以解决可能遇到的兼容性问题。 标签也反映了同样的主题,再次强调问题的...
### 深入扩展文本溢出解决方案 #### 单行文本溢出 在网页开发中,经常遇到文本过长导致的布局问题。一种常见的解决办法是通过CSS样式控制文本显示为省略号,以保持页面整洁。对于单行文本溢出的情况,可以通过以下...
这也是一个临时解决方案,因为随着IE逐渐被淘汰,这种做法的可持续性有限。 总之,解决IE中的绝对定位元素被浮动元素遮挡问题需要对CSS布局有深入理解,并可能需要结合多种策略。开发者应该尽可能采用现代、标准化...
### Tomcat 在IE中下载rar文件为乱码解决方案 #### 问题背景 在使用Tomcat作为Web服务器的应用程序中,可能会遇到一个常见的问题:当用户尝试通过Internet Explorer(IE)浏览器下载rar格式的文件时,文件会被误...
本文将深入探讨“百度编辑器1.4.3.3版本IE8兼容性问题”,并提供解决方案。 百度编辑器(UEditor)是一款功能强大的在线富文本编辑器,广泛应用于网站内容编辑、论坛发帖等场景。然而,在旧版浏览器,如Internet ...
本文将深入探讨`placeholder`属性,以及如何通过一些解决方案来解决IE浏览器不支持的问题。 `placeholder`属性是HTML5中用于文本输入框`<input>`和文本区域`<textarea>`的一个非常有用的特性。它允许开发者在输入框...
而在IE下,内容可能会优先考虑折行,从而可能导致内容撑破容器。 **解决方案**:为避免此类问题发生,应为可能被撑破的浮动容器定义具体的`width`值。 ##### 4. Double-Margin Bug **问题描述**:在IE6下,如果为...
--这是一行很神奇的注释,去掉的话在IE下显示会有问题,不知道为什么 -->”以及非标准的DOCTYPE声明可能共同作用于IE浏览器,以确保页面能够以一种较为正常的方式渲染。虽然具体的技术细节尚不清楚,但从实际应用的...
在IE6和IE7浏览器中,存在一个特定的布局问题,即行内元素后面的浮动元素可能会被强制折行。这个问题通常出现在这样的场景中:一个行内元素(如文本链接)后面紧跟着一个浮动元素(如日期标签),在标准浏览器中,这...
本资源“基于jquery_二维码生成和打印_兼容IE6-IE8_解决汉字乱码问题.zip”提供了一个解决方案,它使得在老旧的IE6-IE8浏览器上也能生成并打印包含汉字的二维码,这在很多情况下是非常实用的,因为这些老版本的IE...
以下是对这个问题的详细解释和解决方案: ### 问题描述 在IE浏览器中,当`<button>`元素内部包含文字或图像时,可能会由于默认样式和盒模型差异,导致按钮内容在水平方向上被拉伸。这通常是由于IE的盒模型与W3C标准...
标题中的"IE11_for_Win11.rar"提供了一个解决方案,让用户能在Windows 11上安全且便捷地启动IE浏览器。 首先,我们需要了解什么是VBS(Visual Basic Script)文件。VBS是一种基于Visual Basic编程语言的脚本形式,...
DIV浮动IE文本产生3像素的bug **问题描述**:当左侧对象浮动时,右侧对象内的文本与左侧会有3px的间距。 **解决方案**: ```css #left { float: left; width: 50%; } #right { width: 50%; } *...