CSS 片段

CSS 片段 · css CSS Flex 水平垂直居中

用 flex 一行使子元素水平垂直居中。

CSS 片段 · css CSS Grid 居中

用 grid 一行实现内容居中。

CSS 片段 · css 绝对定位居中

position absolute + transform 居中。

CSS 片段 · css 文本水平居中

text-align 居中。

CSS 片段 · css 单行文本省略号

溢出显示省略号。

CSS 片段 · css 多行文本省略

line-clamp 限制行数。

CSS 片段 · css 长词与中文换行

overflow-wrap 防撑破。

CSS 片段 · css 保持图片宽高比

aspect-ratio 防 CLS。

CSS 片段 · css object-fit 裁剪图片

cover 适配容器。

CSS 片段 · css 响应式图片基础

max-width:100%。

CSS 片段 · css 粘性顶部导航

position:sticky。

CSS 片段 · css 页脚贴底布局

flex 沉底。

CSS 片段 · css 移动优先媒体查询

min-width 断点。

CSS 片段 · css 容器查询示例

@container。

CSS 片段 · css CSS 变量主题色

自定义属性。

CSS 片段 · css 系统深色模式

prefers-color-scheme。

CSS 片段 · css 美化滚动条（WebKit）

自定义滚动条。

CSS 片段 · css 层叠与 z-index

弹层分层。

CSS 片段 · css 最小 CSS Reset

盒模型重置。

CSS 片段 · css 基础按钮样式

主按钮外观。