11 2021 档案

关于transform-origin属性（transform）
摘要：一、transform-origin属性介绍 transform-origin属性表示在对元素进行变换的时候，设置围绕哪个点进行变化的。默认情况，变换的原点在元素的中心点，即是元素X轴和Y轴的50%处，如下图所示： 我们没有使用transform-origin改变元素原点位置的情况下，CSS变换进行 阅读全文
posted @ 2021-11-21 23:53 小猪拌豆腐 阅读(6956) 评论(0) 推荐(2)
Flex布局
摘要：一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline- 阅读全文
posted @ 2021-11-21 23:15 小猪拌豆腐 阅读(105) 评论(0) 推荐(0)
transform各种变形旋转
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>p</title> <style> *, *:after, *:before { box-sizing: border-box; } body { backgrou 阅读全文
posted @ 2021-11-14 21:57 小猪拌豆腐 阅读(392) 评论(0) 推荐(0)
关于overflow: hidden
摘要：一、父级盒子加overflow：hidden，防止子代盒子移动时带着父级一起动。当div2（小）在div1（大）中：<div id="div1"> <div id="div2"></div> <span>njksabckjs</span></div>两个盒子的样式如下： #div1{ width: 阅读全文
posted @ 2021-11-13 14:25 小猪拌豆腐 阅读(351) 评论(0) 推荐(0)