p 标签自动换行 (ie,firefox,chrome

最新推荐文章于 2023-10-12 11:19:45 发布
原创 最新推荐文章于 2023-10-12 11:19:45 发布 · 3.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML

本文介绍了一种使用CSS实现文本自动换行的方法，确保在不同浏览器环境下（如IE8、Chrome41、Firefox38等）的一致表现。通过设置特定的CSS样式，可以有效地控制文本的显示方式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

p {

 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+ */

}


p标签自动换行 经测试  IE8  chrome 41 FireFox 38  都正常


来源： http://paranimage.com/preformated-pre-text-wrap/

CSS自动换行、强制不换行、强制断行、超出显示省略号
WUXIANJINBU的博客
06-18 452
标签内的内容没有换行，导致布局错乱，于是尝试着使用换行样式，虽然解决了问题，但是并没有发现本质原因，本质在于，我当时获取的数据是一长串的数字，浏览器应该是对数字和英文单词处理方式相近，不会截断。标签是默认是自动换行的，因此设置好宽度之后，能够较好的实现效果，但是最近的项目中发现，使用 ajax 加载数据之后，设置强制将英文单词断行，需要将行内元素设置为块级元素。先给出各种方式，再具体介绍每一个属性。
关于IE标签LI文字换行问题
09-28
在大多数现代浏览器中，例如Chrome、Firefox、Safari等，LI元素的文字超出其容器UL的宽度后会自动换行，这使得网页在不同的浏览器中表现更为一致。 要解决IE浏览器中LI文字不自动换行的问题，开发者需要特别指定LI...
对于div,p等块级元素css如何实现自动换行
12-13
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 复制代码代码如下: 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css 复制代码代码如下: #wrap{white-space:normal; width:200px; } 1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 复制代码代码如下: #wrap{wo
IE可恶的自动换行
weixin_30952535的博客
09-13 189
View Code <p class="type"><a href="#" class="current">不限</a><b>|</b><a href="#">赛车类</a><b>|</b><a href="#">摩托类</a><b>|</b...
p标签自动换行
qq_38677540的博客
08-17 1173
设置p自动换行，可以解决 p{ word-wrap: break-word; word-break: break-all; } word-break指定了怎样在单词内断行 word-wrap 属性允许长单词或 URL 地址换行到下一行
html pre标签使文本自动换行
12-11
在给定的CSS代码中，通过组合使用`white-space: pre-wrap`与其他浏览器的前缀版本，确保了在主流浏览器（如IE6, IE7, IE8, Firefox, Opera, Safari 和 Chrome）中，`<pre>`标签内的文本都能自动换行。`word-wrap: ...
url 关于自动换行问题
09-25
### URL自动换行技术详解 #### 一、引言 在网络开发中，常常会遇到URL过长而导致页面布局出现错位的问题。为了确保网页显示效果的一致性和美观性，掌握如何使长URL自动换行变得尤为重要。本文将详细介绍几种实现...
CSS样式中P标签的内容换行属性white-space
after_leaving的博客
07-22 1万+
需求描述：在一个div块中包含四个div块，这四个div块每个块都有自己的子元素p标签，这个四个div的宽度是由百分比控制的问题描述：使用ng-repeat加载一个list集合数据的时候由于某个字段的字符串过长就造成了页面的局部错位，不能上下对齐，所以想让过长的字符串换行显示，这样就不至于页面上造成的错位。解决办法：在浏览器调试样式发现有个white-space的属性，其值是nowrap(即whit
让p 和 span标签自动换行的css语句
Aviciie的博客
12-20 3572
span{ width: 100px; border: 1px solid red; word-break: normal; width: auto; display: block; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; } p { word-wrap: break-word; }
兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行.
01-11
兼容多浏览器的强制不换行的CSS，主要以DIV为列子，分析个浏览器的解析特性
CSS 中几种常用的换行方法
最新发布
m0_47791238的博客
10-12 3万+
white-space 属性可以控制元素中文本的换行方式。word-break 属性可以控制单词在换行时的断开方式。：允许在单词内部断行，例如超出容器宽度时会将单词拆分为多行显示。（默认值）：文本自动换行，默认情况下会根据容器的大小自动换行。：保留原始的空白符（空格和换行符），文本按照源码中的格式显示。：保留原始的空白符，文本在遇到边界时会自动换行。：合并连续的空白符，文本在遇到边界时会自动换行。：尽量保持多字母语言的连续性，适用于东亚语言。：文本不进行换行，超过容器宽度时会溢出。
打开IE设置和自动换行的样式
xiaorj的专栏
02-19 930
1.要重新打开个IE的设置是target=_blank>鼠标点击的内容2.通过通过onclick=‘openwin()’方法重新打开ie的方法:  function openWin(url,title,height,width){ var left=(screen.width-width)/2; var top=(screen.height-height)/2-30; window
p标签设置文本自动换行
l1830473688的博客
06-09 3265
<p style="word-wrap:break-word;">巴拉巴拉一大堆......</p>
p标签实现自动换行
热门推荐
唔厌组的秋秋空间
10-19 4万+
word-break:normal; white-space:pre-warp; word-wrapL:break-word;
html，自动ie 模式11,html-Internet Explorer 11自动换行不起作用
weixin_33315077的博客
06-02 247
似乎自动换行不再适用于IE 11中的textarea元素。在IE 10和更低版本中，FF，Safari和Chrome的自动换行按预期工作。IE 11未实现任何自动换行。 我尝试将“ wrap = hard”添加到textarea标记中，还尝试添加“ word-wrap：normal;”。 到CSS。还有其他人遇到过这个问题吗？ 如果是这样，您是否找到了解决方案。 Windows正在推出此更新，并且...
强制换行 (IE,Chrome,FireFox通用)
evo_steven的专栏
11-02 6029
做项目时遇到了一个问题，在firefox下可以自动换行，可是在chrome下不可以呢，在td中设置style就可以了 总结了一下： {CSS設定} /*自动换行，IE,Chrome通用，FireFox连续英文不换行(遇空格换一行)*/ .AutoNewline_break{word-wrap:break-word; word-break:break-all; } .A
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值