文本换行

不要香菜

版本3.7 .grid组件里的某列存储css样式，因为过长，会自动换行。参照http://docs.wex5.com/bex5-ui-question-list-10098/
写的Model.prototype.grid1CellRender = function(event) {
                if (event.colName == "q_naire_guide" && event.colVal != undefined) {//判断是不是需要换行显示的这列并且列是有值的
                        event.html = "<div style='word-wrap:normal; white-space:nowrap;'>" + event.colVal + "</div>";//在div中显示列的值event.colVal
                }
        };
此时，纯文本不换行，但是css样式会自动渲染出来，还是有换行的效果。
<p style="line-height: 1.5em;">    <span style="color: rgb(31, 73, 125); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;"><br/></span></p><p style="line-height: 1.5em;">    <span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;"><br/></span></p><p style="line-height: 1.75em;">    <strong><span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;">文本文本文本文本文本文本文本文本文本文本：</span></strong></p><p style="line-height: 1.75em;">    <strong><span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;">&nbsp; &nbsp; &nbsp文本文本文本文本文本文本文本文本文本文本</span></strong>
</p><p style="line-height: 1.75em;">    <strong><span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;">&nbsp; &nbsp; &nbsp;文本文本文本文本文本文本文本文本文本文本<span style="color: rgb(255, 0, 0); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;">2017年05月04日 18:00-2017年05月07日 23:59</span>，文本文本文本文本文本文本文本文本文本文本。</span></strong></p><p style="line-height: 1.75em;">    <strong><span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;">&nbsp; &nbsp; &nbsp;文本文本文本文本文本文本文本文本文本文本</span></strong></p><p>    <br/></p><p style="text-align: right; line-height: 1.75em;">    <strong><span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;"><span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;"><span style="font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;; line-height: 24px; text-align: center;">文本文本文本文本文本文本文本文本文本文本 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>&nbsp; &nbsp;</span></strong></p><p style="line-height: 1.75em; text-align: right;">    <strong><span style="color: rgb(0, 112, 192); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;">&nbsp;文本文本文本文本文本文本文本文本文本文本 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></strong><span style="color: rgb(0, 176, 240); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;"><br/></span></p><p style="text-align: right; line-height: 1.75em;">    <span style="color: rgb(0, 176, 240); font-size: 16px; font-family: 微软雅黑, &#39;Microsoft YaHei&#39;;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p><p>    <br/></p><p>    <br/></p><p style="display: none;">    <br/></p>

jishuang

具体要的是换行还不换行？数据库中存的是什么数据？

不要香菜

jishuang 发表于 2017-8-24 10:36
具体要的是换行还不换行？数据库中存的是什么数据？

想要的是不换行，具体存的就是下面的那段代码<p style ......>

jishuang

默认就是不换行的，你参考的链接是实现换行的

不要香菜

jishuang 发表于 2017-8-24 13:24
默认就是不换行的，你参考的链接是实现换行的

默认是不换行的，但是文本里有回车键，会换行的。

jishuang

这不是平台可以控制的，可以到网上查找div中显示内容有回车控制强制不换行怎么设置

不要香菜

jishuang 发表于 2017-8-24 17:33
这不是平台可以控制的，可以到网上查找div中显示内容有回车控制强制不换行怎么设置 ...

结贴吧