`

HTML CSS样式中,自动换行

    博客分类:
  • HTML
 
阅读更多

在项目实际应用中出现了表格的内容不会换行,本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap和word-break的区别。

 

兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是

 

style="word-wrap:break-word; overflow:hidden;"

 

而不是

 

 

style="word-wrap:break-word; word-break:break-all;"

 

也不是

 

style="word-wrap:break-word; overflow:auto;"

 

在 IE 下没有任何问题,在 FF 下,长串英文会被遮住超出的内容。

分享到:
评论

相关推荐

    html转pdf的core-renderer.jar支持中文自动换行

    java html转pdf支持中文自动换行,还可以保留css的样式

    html代码实现文字转图片的代码,自动换行

    我们使用了html2canvas库将id为text的div元素转换为canvas元素,并将canvas元素转换为...同时,我们使用了CSS样式控制文字的换行。最后,我们在页面上添加了一个按钮,点击按钮即可将文字转换为图片并显示在页面上。

    html pre标签使文本自动换行

    使用<pre></pre>标签,并设置其样式如下: 复制代码代码如下: pre{ white-space:pre-wrap;... 该CSS方案可让pre标签内的文本自动换行,我在我有的浏览器上都测试了一下,全部支持,IE6,IE7,IE8,Fi

    HTML5&CSS3网页制作:字体样式属性.pptx

    word-wrap属性用于长单词和URL地址的自动换行 1 font-size属性用于设置字号。 2 font-family属性用于设置字体。 3 font-weight属性用于定义字体的粗细。 4 font-style属性用于设置变体(字体变化)。 5 font属性用于...

    div+pre标签的组合实现文本原格式显示与自动换行

    而为了限制文本显示的范围,一般使用div+css设定自动换行或缩略等样式。对于未知的文本格式,如果要求文本单行过长时换行显示,并且保留原文本的空格和换行符,就可以通过div+pre标签的组合,再分别设定各自的样式来...

    Web前端开发基础:CSS制作电子相册.ppt

    div与span的区别在于,div是一个块级(block-level)元素,它包围的元素会自动换行, 而span仅仅是个行内元素(inline elements),不会换行。 span没有结构上的意义,当其 他元素都 不合适的时候可以换上他,同时div...

    HTML5+CSS3 快速入门 前端 源代码.rar

    40.文字阴影与自动换行20:24 41.服务器端字体和@font-face属性21:50 42.盒布局上18:03 43.盒布局下27:48 44.overflow属性30:44 45.CSS3中新增的背景属性41:59 46.CSS3中边框相关的样式29:22 47.CSS3中的变形功能25:...

    InfoPath word-wrap fixer-crx插件

    修复了自动换行在InfoPath for SharePoint网站中不起作用的问题。 某些使用InfoPath表单的SharePoint网站不支持(HTML)文本区域元素的自动换行。 有一些变通办法,需要为每个SharePoint网站修改样式表(CSS)。 ...

    HTML5与CSS3基础教程(第8版)高清文字

    4.16 创建换行 87 4.17 创建span 88 4.18 其他元素 89 第5章 图像 95 5.1 关于Web图像 95 5.2 获取图像 99 5.3 选择图像编辑器 100 5.4 保存图像 100 5.5 在页面中插入图像 103 5.6 ...

    css笔记课程笔记2019,5,22

    * div: 自动换行 * span:在一行显示 CSS 1、css的简介 * css: 层叠样式表 ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了...

    css入门笔记

    特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 属性:background 取值 :颜色 3.设置...

    HTML5&CSS3网页制作:div标记.pptx

    (3)大多数HTML标记都可以嵌套在标记中,中还可以嵌套多层。 (4)可以替代大多数的块级文本标记。 div标记定义: div标记 (1)div是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是固有的唯一...

    JavaScript完全自学宝典 源代码

    12.3.html 在当前页面中嵌入CSS样式文件。 12.4.html JavaScript实现动态更改元素的CSS样式。 12.5.html JavaScript实现批量更改CSS样式。 12.6.html JavaScript使用CSS模拟图片的圆角效果。 style...

    Html富文本tinymce_powerpaste-master,word复制粘贴保留格式,含Tinymce5.2包和示例代码

    因客户要求word复制粘贴到富文本编辑器保留格式,不然发文章内容太多调整费时间,找了很久,Html富文本编辑器tinymce_powerpaste-master,word复制粘贴保留格式,免费版含示例代码,简单上手,亲测效果一级棒,困扰...

    Qt制作的富文本编辑器

    它支持富文本格式(HTML)、自动换行、拼写检查、撤销/重做操作等功能。 可以通过设置样式表或加载 CSS 文件来自定义 QTextEdit 的外观。 支持各种剪切/复制/粘贴操作,并可以插入图像、列表、表格等富文本元素。 ...

    CSS 教程之内容设置的一些语法

     可以实现HTML中PRE标签的效果,以及单元格的noWrap效果。  语法: white-space : normal | pre | nowrap  取值: normal: 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre:...

    css FF与IE兼容性总结

    1. 超链接访问过后hover样式就不出现的问题 ... FireFox下如何使连续长字段自动换行 众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入的方法来解决 Code: <style type="text/css"> <

Global site tag (gtag.js) - Google Analytics