🪴qql1's digital garden

Home

❯

笔记

❯

计算机知识

❯

app应用

❯

webAPP

❯

前端

❯

填充容器

填充容器

2026年1月26日1分钟阅读

  • 高度-高-高矮-高低-长短-长
  • 高度-莫大-惊人-可观-冲天-万丈-入骨-彻骨
  • 分寸-尺寸-深浅-轻重-高低-大小-轻重缓急-大大小小
  • 长度-长-尺寸-长短
  • 尺码-尺寸
  • 结构-构造-组织-布局
  • 布局-格局-布置
  • 部署-布局-布置-配置-配备-布-安排
  • 布局-搭架子
  • 排版-布局
  • 规定-确定
  • 示范-示例-以身作则-言传身教-现身说法-演示-为人师表-身教胜于言教
  • 比重-比例-百分比-百分数-分之
  • 机关-机构-单位-部门
  • 填-填写-填充-填空-填入
  • 方向-方位-方面-方-向
  • 趋势-趋向-倾向-动向-方向-势头-大势-来势-来头-样子-势-大方向-主旋律-矛头-可行性-取向-自由化-系列化
  • 伸缩-舒卷
  • 文件-文档-txt文件-笔记
  • 札记-摘记-笔记-侧记
  • 杂记-笔记-笔录-笔谈-杂志-记-侧记
  • 记-笔记-速记-简记
  • 器皿-容器-盛器
  • container-容器
  • 前端-前者
  • 前端-dom-bom
  • 计算机-电脑-微处理机-微电脑-微机-微型机-微处理器-处理器
  • (电脑-PC-桌面端-计算机)应用-软件-程序-app
  • 网站-网页端-web端-web应用-webAPP
  • 弹性布局-flex
  • review/前端/基础/CSS
  • CSS
  • 任意方向填充
    • 弹性布局 伸缩
      • 适用于 自动尺寸、确定高度
  • 水平方向填充
    • 块级标签自动填充
      • 适用于 自动尺寸、确定高度
  • 百分比单位
    • 只能用于确定高度

注意

  • 设置了元素的flex 对齐样式后,会破坏自动填充效果

示例

<ul class="w-788px b-rd-10 overflow-hidden flex flex-col items-start">
  <li v-for="post of postList" :key="post.id">
    test
  </li>
</ul>
  • use::UNOCSS

关系图谱

  • 注意
  • 示例

反向链接

  • HTML

Created with Quartz v4.5.2 © 2026

  • GitHub
  • Discord Community