笔记9

一、文本折叠省略号效果
分为单行省略、多行省略，核心依赖 overflow 、 text-overflow 、 white-space 组合。

单行文本省略（兼容性最优）
必备三属性，缺一不可
二、JS 动态更改样式
两种常用方式：修改行内样式、切换类名（推荐）

直接操作 style 属性（改单个样式）
语法： 元素.style.样式名 = "样式值"

注意：CSS 连字符属性 → 驼峰命名（例： background-color → backgroundColor ）
文本省略
单行： width + nowrap + hidden + ellipsis

多行： -webkit-line-clamp （现代浏览器）

JS改样式
简单样式： 元素.style.驼峰属性

批量样式：优先 classList 增删切换类

图文排版
文字环绕：用 float

规整左右布局：优先 flex

上下排布：默认标准流即可