html jquerymobile 中的文字换行

因为项目是移动web开发，在手机浏览器上看，因为文字过长，有半截显示不出来，头儿希望能换行，看着清晰一些，我刚开始以往不可能，查了一下，没想到还是可以解决

没解决之前的效果如下

源代码如下

[html]view plaincopy
			
			<ul data-role="listview" data-inset="true" data-theme="c"  >  
		
			        <li  id="li1"  onclick="test()">  
		
			                <a href="" rel="external" style=" font-style:normal; font-family:@宋体"  >  
		
			                         <h3><font color=black>湖北黄麦岭尾矿库项目横说竖说木木木木木木木木要木木木林</font></h3>  
		
			                        <p><font color=red>安全状态: 一级报警，请检查</font></p>  
		
			                        <p><font color=red>运行状态: 正常 </font></p>  
		
			        </a>  
		
			        </li>  
		
			</ul>

需要在 <h3> 标签里加上一个可以换行的样式 <h3 style="white-space:pre-wrap;">

这样问题就解决啦效果如下

转自：guoyilongedu http://blog.csdn.net/guoyilongedu/article/details/8658193

《《留言板》》

转载 html jquerymobile 中的文字换行