导航菜单
路很长,又很短
博主信息
昵   称:Cocodroid ->关于我
Q     Q:2531075716
博文数:338
阅读量:1588637
访问量:166454
至今:
×
云标签 标签球>>
云标签 - Su的技术博客
博文->>首页 博主的更多博文>>
html jquerymobile 中的文字换行
Tags : jquerymobile发表时间: 2015-10-26 21:43:30

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

没解决之前的效果如下

源代码如下 

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

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

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



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


打赏
打赏
关注公众号
公众号
类别:Web前端| 阅读(1741)| 赞 (0)
评论
暂无评论!
发表评论
昵  称:

验证码:

内  容:

    同时赞一个 赞