因为项目是移动web开发,在手机浏览器上看,因为文字过长,有半截显示不出来,头儿希望能换行,看着清晰一些,我刚开始以往不可能,查了一下,没想到还是可以解决
没解决之前的效果如下
源代码如下
- <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