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