<!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版权协议,转载请附上原文出处链接和本声明。