html表格中⽂字换⾏设置
参数:white-space: pre-wrap;word-wrap: break-word;
例⼦:
<p title="' + value + '">' + value +'</p>
详细介绍:
(⼀)white-space 属性设置如何处理元素内的空⽩
white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;
normal默认。空⽩会被浏览器忽略。
pre 空⽩会被浏览器保留。其⾏为⽅式类似 HTML 中的 pre 标签。
nowrap⽂本不会换⾏,⽂本会在在同⼀⾏上继续,直到遇到 br 标签为⽌。
pre-wrap 保留空⽩符序列,但是正常地进⾏换⾏。
html表格元素
pre-line 合并空⽩符序列,但是保留换⾏符。
inherit 规定应该从⽗元素继承 white-space 属性的值。
(⼆)word-wrap 属性⽤来标明是否允许浏览器在单词内进⾏断句
word-wrap: normal|break-word;
word-wrap 属性⽤来标明是否允许浏览器在单词内进⾏断句
normal: 只在允许的断字点换⾏(浏览器保持默认处理)
break-word:在长单词或URL地址内部进⾏换⾏,
/内容将在边界内换⾏。如果需要,单词内部允许断⾏。/
(三)word-break 属性⽤来标明怎么样进⾏单词内的断句
word-break: normal|break-all|keep-all;
normal:使⽤浏览器默认的换⾏规则。
break-all:允许在单词内换⾏ , 允许任意⾮CJK(Chinese/Japanese/Korean)⽂本间的单词断⾏。
keep-all:只能在半⾓空格或连字符处换⾏,
不允许CJK(Chinese/Japanese/Korean)⽂本中的单词换⾏,只能在半⾓空格或连字符处换⾏。⾮CJK⽂本的⾏为实际上和normal⼀致。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论