compact属性在所有主流浏览器中完全无效，html5已移除支持，解析时直接丢弃；应使用css控制margin、padding、line-height等实现紧凑列表。
compact 属性在现代浏览器中完全无效
直接说结论：compact 属性在所有主流浏览器（Chrome、Firefox、Safari、Edge）中均无渲染效果，且 HTML5 规范已明确移除对该属性的支持。它不是“部分失效”，而是彻底被忽略——哪怕你写成 <ul compact></ul> 或 <ol compact></ol>，浏览器解析时会直接丢弃该属性，不触发任何样式变化。
为什么曾经存在却必须淘汰
HTML 4.01 中 compact 是布尔属性，语义是“让列表更紧凑”，但具体表现（如行高缩多少、缩进减多少）从未标准化，全凭浏览器厂商自行解释。结果就是：
- Firefox 早期曾尝试缩小
line-height和左缩进，但行为不一致 - IE 系列基本无视该属性
- Chrome 从 v1 起就未实现过
compact的任何逻辑 - XHTML 1.0 Strict DTD 明确禁止使用，强制要求用 CSS 替代
用 CSS 实现真正可控的“紧凑列表”
替代方案必须用 CSS，且推荐组合控制，避免只依赖 line-height 导致文字贴边或截断：
- 统一设置
margin和padding：例如<ul style="margin: 0; padding-left: 1.2em;"></ul> - 调低行高但保留可读性：
line-height: 1.2比0.8更安全 - 精确控制项目符号间距：
list-style-position: inside可减少整体宽度 - 若需全局生效，定义类更稳妥：
.compact-list { margin: 0; padding-left: 1em; line-height: 1.3; }
检查旧代码时最容易忽略的一点
很多团队在迁移老项目时，只删了 type 或 start 属性，却漏掉 compact——因为它不报错、不警告、也不影响 DOM 结构，只是静默失效。建议用正则批量扫描：grep -r "compact[[:space:]]*=" src/，尤其注意模板字符串和 JSX 中的硬编码写法。真正麻烦的从来不是改一行 CSS，而是不知道它早就没在起作用。
