javascript - pagedown编辑器中预览的自动换行怎么实现的？-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - pagedown编辑器中预览的自动换行怎么实现的？

PHP中文网 2017-04-10 12:48:01

643

我在CSS中用了

.wmd-preview { background-color:#E0EAF1; border-bottom:1px solid #b3cee1; border-right:1px solid #b3cee1; padding:3px 4px 3px 4px; margin:2px 2px 2px 0; text-decoration:none; font-size:90%; line-height:2.4; white-space:nowrap; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; word-wrap: break-word; }

用了word-wrap： break-word还是不行，请问大家应该用什么呢？

PHP中文网

认证0级讲师

reply all (1)

刘奇2017-04-10 12:50:01 1 floor

控制换行的是white-space:nowrap;。

下面是w3school对于white-space属性值的解释：

normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的  标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 
 标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。