日期:2014-05-17  浏览次数:20806 次

一个换行问题,100分必结
文字是这样的

  中华人民共和国   美国   一二三四五六   。。。。。。。。。。。。。。。。。。。。

这是一个字符串,里面有很多词,必须要适应窗口自动换行,现在自动换行浏览器自己可以实现
直接 <div> 字符串 </div> 就可以,但是换行的时候把一个词分开换行了,我想实现换行的时候按照词换行,不把词分开。



------解决方案--------------------
这个估计很难
------解决方案--------------------
<html xmlns= "http://www.w3.org/1999/xhtml " >
<head runat= "server ">
<title> 无标题页 </title>
<link href= "StyleSheet2.css " rel= "stylesheet " type= "text/css " />
<style type= "text/css " >
#c
{
text-align: left;
width: 100px;
}
.t
{
width: 25px;
height: 25px;
background-color: #99cc33;
float: left;
}
div {
border: 1px dashed #050;
}
</style>
</head>
<body>
<form id= "form1 " runat= "server ">
<div id= "c ">
<div class= "t "> 1111 </div>
<div class= "t "> 1111 </div>
<div class= "t "> 1 </div>
<div class= "t "> 2 </div>
<div class= "t "> 3 </div>
<div class= "t "> 4 </div>
<div class= "t "> 5 </div>
<div class= "t "> 5 </div>
<div class= "t "> 5 </div>
<div class= "t "> 5 </div>
</div>
</form>
</body>
</html>
------解决方案--------------------
<style type= "text/css ">
div {width:200px;border:1px solid #ddd;word-break:keep-all;}
</style>
<div> 中华人民共和国 美国 一二三四五六 中华人民共和国 美国 一二三四五六 </div>