自定义设置表格的换行位置

问题:

  开发table经常会遇到换行,但是有时你需要在某一个点才换行而不是自动换,比如下面

     

 

 

  如何在在单位 (元/台的前面换行)???

 

做法

  首先设置table

  white-space: pre-line;  设置文本可以换行
 
  然后文本输入:
  本期 \n(元/台)
 
效果:
     

 

拓展:white-space

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

 

posted @ 2021-11-24 16:41  树叶铃铛  阅读(131)  评论(0编辑  收藏  举报