- 博客(2)
- 收藏
- 关注
RSS订阅原创 Tailwind CSS: Flex
如图：在“01”宽度为固定的14，“02”“03”即使后面存在多余的空白区域，也不能扩展。项目可以根据容器的剩余空间来缩小自身的大小，但是不会根据容器的可用空间来扩展自身的大小。“01”块宽度为固定的14，“02”“03”宽度根据空间需要自行扩展。“02”“03”的比例并未按初始比例等比例放大，而是根据需要自行扩展。“01”块宽度为固定的14，“02”“03”宽度根据空间需要进行扩展。在下图中“01”“02”宽度固定为14和32，不能扩展和收缩。flex 项目根据需要扩展和收缩。
2024-05-21 22:51:44
363
原创 Tailwind CSS: Margin
例如，mt-6 会在一个元素的顶部添加 1.5rem 的边距，mr-4 会在一个元素的右侧添加 1rem 的边距，mb-8 会在一个元素的底部添加 2rem 的边距，而 ml-2 会在一个元素的左侧添加 0.5rem 的边距。`ms-8` 表示设置元素的 `margin-inline-start` 逻辑属性为 2rem 的边距。使用 ms-* 和 me-* 实用工具来设置 margin-inline-start 和 margin-inline-end 逻辑属性，根据文本方向映射到左侧或右侧。
2024-05-21 22:40:14
310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人