随笔分类 -  css

flex align-content
摘要：align-content 是 Flexbox 布局中的一个属性，用于控制多行（或多列）Flex 容器中各行（或列）之间的对齐方式。这个属性决定了当 Flex 容器有额外空间时，如何分配各行之间的空间。 align-content 的属性值 stretch（默认值）：各行会伸展以占满交叉轴的剩余空间 阅读全文
posted @ 2025-03-24 17:49 进阶的哈姆雷特 阅读(86) 评论(0) 推荐(0)
min-height: fit-content 在 .danganSearch 中的作用
摘要：在您的代码中，.danganSearch 容器设置了 min-height: fit-content;，这个属性值对布局有以下几个关键作用： 1. 自适应内容高度 min-height: fit-content 确保了搜索区域容器的高度至少能够容纳其内部所有元素，即使这些元素因为 flex-wrap 阅读全文
posted @ 2025-03-06 10:18 进阶的哈姆雷特 阅读(44) 评论(0) 推荐(0)
flex-grow: 0 的作用解析
摘要：在您的代码中，style="width: 300px; flex-grow: 0" 这个样式应用于 el-date-picker 组件上，flex-grow: 0 具有以下作用： 主要作用 flex-grow: 0 明确告诉浏览器该元素不应该在 flex 容器中分配额外的可用空间，即使容器有多余空间 阅读全文
posted @ 2025-03-06 10:14 进阶的哈姆雷特 阅读(71) 评论(0) 推荐(0)
文本没有自动换行时检查是否设置了 white-space: nowrap;
摘要：white-space: nowrap;：文本不会换行，所有文本会在一行内显示，直到遇到 <br> 标签。 white-space: normal;：默认值，文本会在需要时换行。 white-space: pre;：保留空白符和换行符，文本会按照原始格式显示。 white-space: pre-wr 阅读全文
posted @ 2024-11-05 17:04 进阶的哈姆雷特 阅读(91) 评论(0) 推荐(0)
点击按钮后的Loading处理
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-11-24 17:11 进阶的哈姆雷特 阅读(326) 评论(0) 推荐(0)