溢出文字隐藏三种方式

溢出文字隐藏
word-break: 自动换行
    normal 使用浏览器的换行规则
    break-all 允许在单词内换行 (允许拆开单词换行)
    keep-all 只能在半角空格或连字符处换行
主要处理英文

white-space 
设置或检索对象内文本显示方式。通常我们使用强制一行显示内容

normal 默认处理方式
nowrap 强制在同一行内显示所有文本,直到文本结束或者遇br标签对象才换行

text-overflow 文字溢出
text-overflow: 
clip  直接裁剪 需要搭配white-space: nowrap;    overflow: hidden;
ellipsis 这个会显示省略号 用法跟上面的一样

 

posted @ 2019-11-26 16:47  ivy_wang  阅读(1682)  评论(0编辑  收藏  举报