display _ 第 4 页

精选推荐

本文详细探讨了在特定CMS环境…

直接设置 display: b…

Bootstrap 栅格布局不…

2026年2月25日

所有元素默认的 position 值就是 static，但它常被误认为“不存在”或“不生效”。其实它是一个严格定义的行为：元素完全遵循文档流，top、right、bottom、left 和 z-index 对它完全无效——不是“不起作用”，而是被规范禁止使用。

2026年2月24日

不是所有 CSS 属性都能被 transition 动画化，写错了就完全没效果，连控制台都不报错，纯靠肉眼“感觉不动”。关键看浏览器是否把该属性列为「可动画化属性」（animatable）。

2026年2月24日

不是“无效”，是它根本不起作用——align-items 仅在单行 flex 容器（即 flex-wrap: nowrap）中控制交叉轴对齐；一旦启用 flex-wrap: wrap，每行变成独立的“行盒”，align-items 就只影响该行内元素的对齐，无法跨行对齐。

2026年2月24日

Grid 容器的 align-items / justify-items 只影响所有子项的默认对齐方式，真正让某个子元素“脱群”对齐，必须在该子元素自身上设置 align-self（垂直方向）和 justify-self（水平方向）。这两个属性会覆盖容器级设置，且仅作用于单个网格项。

2026年2月24日

必须写在悬停前的原始状态里，也就是 :hover 规则之外。浏览器只在属性值变化时触发过渡，如果 transition 只写在 :hover 中，那初始状态没有过渡定义，变化就直接跳变。

2026年2月24日

浏览器只在元素真正处于全屏状态（即通过 Element.requestFullscreen() 进入）时，才匹配 :fullscreen 伪类。直接写 CSS 却没调用 JS 全屏 API，样式必然不会触发。

2026年2月24日

是的，这是最常见错觉。用 float: left 给 label 和 input 同时浮动，它们确实会并排，但后续表单项大概率塌陷、错位，甚至整个表单容器高度变成 0。

2026年2月24日

矩形统计图（比如横向柱状图）本质是「等高、宽度按数据比例缩放的色块排列」，flex 是最轻量且响应友好的选择。用 float 会破坏文档流，导致父容器高度塌陷；用 absolute 则失去弹性，数据一变就得重算 left/top。

2026年2月24日

因为浏览器对transform和opacity的动画能走合成层（compositor thread），不触发重排重绘；而用left、top、width等属性驱动动画，每次变化都会强制同步计算样式+布局+绘制，尤其在低端设备或复杂页面里容易掉帧甚至肉眼可见闪烁。

2026年2月24日

:empty 只匹配**完全不含子节点（包括文本节点、元素节点、注释节点）的元素**。哪怕有一个空格、换行符或 HTML 注释，它就不是空的。