ready
论坛版主
论坛版主
  • UID24
  • 粉丝0
  • 关注0
  • 发帖数433
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:7651回复:1

css div内文字 保持原格式 css pre标签

楼主#
更多 发布于:2018-09-27 14:36
1.用textarea标签,用事件写满,或用键盘写满时会出现滚动条,不太美观。
如果隐藏滚动条,并让其高度随内容增加,比较复杂,兼容性也不好。代码可以搜到。


 2.可以用div标签,但原文章的格式,换行等不会表现出来。可以套加pre标签,保留原格式。
 <pre><div></div></pre>

 下面的css样式是为了让超过长度的换行。
 pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
 }
ready
论坛版主
论坛版主
  • UID24
  • 粉丝0
  • 关注0
  • 发帖数433
  • 社区居民
  • 忠实会员
  • 原创写手
沙发#
发布于:2018-09-27 14:38
如果用了其他UI框架,pre自带了其他样式。直接用
 <div class="pre"></div>

.pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
 }

也行
游客


返回顶部