div标签变为可输入状态 contenteditable=false、true
overflow属性:
属性值:visible默认值 正常显示、hidden溢出隐藏、scroll 滚动 存在样式、auto自动*
scroll滚动条样式会一直存在,当内容溢出才会有滚动效果。auto当内容溢出时才有滚动条。
扩展:overflow-x、overflow-y
显示省略号:属性text-overflow:属性值clip/ellipsis、clip默认不显示,ellipsis在具备条件下显示省略号,
显示省略号条件:必须是单行文本。容器要有固定宽高大小、元素固定在一行内显示、让超出去的文本隐藏起来、然后再让隐藏的文本变为省略号显示。
white-space:nowrap让文本一行显示,
overflow:hidden让超出文本隐藏,
text-oveflow:ellipsis让超出文本显示为省略号。
white-space属性:
属性值:nowrap 不换行、pre 保留空格(空白)、pre-line 删除空格 保留换行、pre-wrap 保留了换行和空格。
pre标签:保留编辑的样式。