首页 / 知识
div、td 、p 等容器内强制换行和不换行的方法
2023-04-11 15:44:00
1、强制不换行，同时以省略号结尾。
<div style="width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" > 你好朋友朋友朋友我为什么不能看到效果啊 </div> 2、css自动换行 div{ word-wrap: break-word; word-break: normal; } 3、css强制英文单词断行 div{word-break:break-all;} 若是div嵌套，要使内层div根据内容自动换行，则可只设置外层的div宽，和 white-spance:nowrap即可。 word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行 它们的区别就在于： 1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。 2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。 3，word-break;break-all 支持版本：IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。 WORD-WRAP:break-word 支持版本：IE5.5以上 内容将在边界内换行。 如果需要，词内换行( word-break )也将发生。表格自动换行，避免撑开。 word-break : normal | break-all | keep-all 参数： normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行 break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 语法： word-wrap : normal | break-word 参数： normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要，词内换行（word-break）也行发生说明：设置或检索当当前行超过指定容器的边界时是否断开转行。 对应的脚本特性为wordWrap。请参阅我编写的其他书目。 语法： table-layout : auto | fixed 参数： auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 fixed : 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关说明：设置或检索表格的布局算法。对应的脚本特性为tableLayout。 建议：word-break 用3C检测会显示问题的，导致百度快照也会出问题-这个属性OPERA FIREFOX 浏览器也不支持 word-break属性可以用white-space:normal;来代替，这样在FireFox和IE下就都能正确换行，而且要注意，单词间的空格不能用来代替，不然不能正确换行。 |
最新内容
相关内容
python如何读取列表中元素的位置?
python如何读取列表中元素的位置?，位置，数据，异常，培训，字符串，元素，索引，方法，示例，结果，python读取列表中元素位置的方法：1、使用index()方
python终端输出乱码怎么解决?
python终端输出乱码怎么解决?，代码，系统，一致，培训，地方，工作，终端，文件，乱码，声明，在命令行终端上工作时，经常会碰到一个头疼的问题就是中文
文本处理用c还是用python
文本处理用c还是用python，位置，培训，包装，对比，字符串，函数，文本，语言，字符，效率，文本处理python与c的对比：如下c++语言：C++语言实现C++中没有
python支持r语言吗?
python支持r语言吗?，代码，名称，培训，官网，第一，语言，对象，字符串，方法，后缀，python中可以支持r语言。python提供了一个模块rpy2，可以较好地完
python3如何引入模块?
python3如何引入模块?，系统，位置，培训，标准，模块，方法，成员，路径，下面，别名，使用Python进行编程时，有些功能没必须自己实现，可以借助Python现有
python使用matplotlib绘图怎么在线
python使用matplotlib绘图怎么在线上标注?，地方，培训，坐标轴，图像，范围，画图，示例，注释，文字描述，以上，python画图常用标注包含，坐标轴的值和
python如何replace(替换)多个字符?
python如何replace(替换)多个字符?，培训，字符，字符串，方法，正则，括号，数组，函数，定义，以上，python中使用replace替换多个字符的方法：1、使用re
python3中怎么编写类?
python3中怎么编写类?，培训，方式，步骤，关键字，以上，过程，方法，更多，内容，python中创建类的方法：方式一：利用class关键字classChinese(object):
python可以编写win程序吗?
python可以编写win程序吗?，培训，程序，文件，内容，文件夹，模块，命令，实际，下面，根据，python可以编写win程序。win程序的格式是exe，下面我们就来
python如何导入txt数据库?
python如何导入txt数据库?，数据，时间，代码，培训，数据库，函数，读数，数据表，以上，方法，python将TXT数据导入数据库的方法代码如下：#!/usr/bin/py
python怎么使用文件夹下的脚本?
python怎么使用文件夹下的脚本?，工作，培训，文件夹，脚本，文件，所在，方法，示例，路径，以上，python中使用文件夹下脚本的方法：将当前的工作目录(即
python的三角函数在哪?
python的三角函数在哪?，标准，培训，函数，反函数，方法，下面，以上，更多，内容，python中的三角函数在python的标准库math中，math已经包含在你的标