连续英文或者数字的强制换行

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>连续英文或者数字的强制换行</title>
<style>
*{
	margin:0;
	padding:0;
}
.text{	
	width:64px;
	height:64px;
	background:#CCC;
	float:left;
	margin-left:5px;
	display:inline;  /*解决IE6 双倍水平外边距*/
	word-wrap:break-word; /*连续的数字或者英文就会不换行 得使用强制换行*/
	word-break:break-all; /*连续的数字或者英文就会不换行 得使用强制换行*/
}
</style>
</head>

<body>
<div class="text">testtesttesttesttesttesttesttesttesttesttesttesttest</div><div class="text">testtesttesttesttesttesttesttesttesttesttesttesttest</div>
</body>
</html>

 

版权声明:本文为hedong37518585原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。