flex中使用white-space

在微信小程序开发中,view设置为flex布局,但是flex的flex-wrap属性不起作用,如果起作用的话,默认值即no-wrap不换行。如果要测试view-scroll并且scroll-x 就没法了。

此时,必须给view使用另外一个css属性white-space,确保不换行。

 white-space: nowrap

  white-space的使用方法如下:

描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
posted @ 2018-09-14 10:47  充实地生活着  阅读(413)  评论(0编辑  收藏  举报