2021-05-21

overflow（隐藏属性）/pre标签的使用

textarea多行文本域

text-indent首行缩进

contenteditable=“true”盒子里可输入文本；

文本溢出属性 overflow

• visible 默认，正常显示
• hidden 隐藏
• scoll 滑动 生成滚动条

扩展：overflow-x/y；

text-overflow：clip/ellipsis;

• clip不显示省略号
• ellipsis 已溢出显示省略号（单行文本超出显示省略号，容器要有固定的大小，文本强制在一行显示，文本溢出隐藏，隐藏的文本变成省略号）

---

扩展：white-space 属性

属性值：

1. nowrap 不换行
2. pre 保留了空格
3. pre-line 没有了空格，保存了换行
4. pre-warp空格、换行都有

pre标签的使用 ：格式化标签

在编辑器中如何写，浏览器中就如何显示。