阅读:7651回复:1
css div内文字 保持原格式 css pre标签
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+*/ } |
|
沙发#
发布于: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+*/ } 也行 |
|