HTML中内容自动换行

自动换行需要对标签元素写css样式

.content {  width: 100%;  height: auto;  word-wrap:break-word;  word-break:break-all;  overflow: hidden;
}

但自己这样写了但还是不起作用

原来是这样

.content-bottom-dl dt {width: 100%;max-height: 90px;line-height: 25px;font-size: 28px;color: #323232;letter-spacing: 2px;overflow: hidden;padding-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-family: "微软雅黑";
}

后来加了

word-wrap:break-word;
word-break:break-all;

如果不起作用，说明是与原来的有冲突，所以去掉边距相关的后（起作用了，注意修改jsp页面中引用css的版本号-去掉缓存）

.content-bottom-dl dt {width: 100%;  height: auto;  word-wrap:break-word;  word-break:break-all;  overflow: hidden;  font-size: 28px;color: #323232;font-family: "微软雅黑";
}

参考：https://blog.csdn.net/kerryqpw/article/details/70174702

HTML中内容自动换行相关推荐

HTML元素中内容自动换行
HTML元素中内容自动换行在样式上加word-break:break-all
让html 自动换行,怎样让HTML 表格中内容自动换行？？
0032 Java学习笔记-类加载机制-初步 JVM虚拟机 Java虚拟机有自己完善的硬件架构(处理器.堆栈.寄存器等)和指令系统 Java虚拟机是一种能运行Java bytecode的虚拟机 JVM ...
css中设置table中的td内容自动换行
在项目中,有用到表格.因为有的内容比较长,所以需要列宽大一些,有的内容比较短,列宽就小一些.遇到了一个问题,在学校联系方式表里面,联系人电话/电子邮件这两列,无论我加多大的宽度,内容总是会把表格列撑的 ...
htmltd文本自动换行,完美解决table中td里面的内容自动换行
完美解决table中td里面的内容自动换行2018-08-03 11:50 对于将td里面的内容自动换行,在很久以前就遇到的了,但是一直没有完美的解决. 今天要打印一个报表,有一列中的内容太长,将ta ...
java 使用poi导出excel单元格中的内容自动换行
HSSFCellStyle cellStyle = wb.createCellStyle();cellStyle.setWrapText(true); //文本内容自动换行
html ul 自动换行,用word-wrap来解决固定大小ul下的每条li中内容太多时不自动换行问题...
昨天写了个程序,想实现跟发微博一样显示的功能(自己加了些动态显示效果),在写HTML和CSS的时候,就遇到一个问题:我在设置好高度400px,宽度300px的ul中,当发出去的li中内容是连续一样的英 ...
HTML表中的自动换行
我一直在使用word-wrap: break-word将文本div和span . 但是,它似乎在表单元格中不起作用. 我有一个表设置为width:100% ,有一行和两列. 列中的文本尽管使用上述wo ...
php输出pre自动换行,解决 html pre 标签的内容自动换行的问题
元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 而我们经常碰到的一个问题是如果一个代码上碰到 ...
idea 未实现接口红线提示，重复代码波浪线提示，自动换行，控制台输出内容自动换行...
01,Could not autowire. No beans of 'UserMapper' type found 01.1,问题描述,通过反射动态实现的接口在调用时会出现以上提示,常见的如 ORM ...

HTML中内容自动换行

HTML中内容自动换行相关推荐

最新文章

热门文章