分类:纯色背景 背景图像 1、背景颜色 background-color : 任意合法的颜色 和 transparent 2、背景图像 background-image : url(想要加载的图片) 3、背景图片平铺 background-repeat : repeat:默认值水平垂直方向都平铺 r ...
分类:
Web程序 时间:
2019-12-11 23:32:03
阅读次数:
198
1. flex布局,新版本 2. flex布局,老版本 3. 容器position为absolute ...
分类:
其他好文 时间:
2019-11-20 23:32:59
阅读次数:
81
弹性布局的名称概念:1、容器:需要添加弹性布局的父元素;项目:弹性布局容器中的每一个子元素,称为项目。2、主轴:在弹性布局中,我们会通过属性规定水平/垂直方向(flex-direction)为主轴;与主轴垂直的另一方向,称为交叉轴。弹性布局的重要的几大基础属性:1、flex-direction属性决定主轴的方向(即项目的排列方向)。row(默认值):主轴为水平方向,起点在左端;row-revers
分类:
Web程序 时间:
2019-11-10 20:59:39
阅读次数:
130
弹性布局的名称概念:1、容器:需要添加弹性布局的父元素;项目:弹性布局容器中的每一个子元素,称为项目。2、主轴:在弹性布局中,我们会通过属性规定水平/垂直方向(flex-direction)为主轴;与主轴垂直的另一方向,称为交叉轴。弹性布局的重要的几大基础属性:1、flex-direction属性决定主轴的方向(即项目的排列方向)。row(默认值):主轴为水平方向,起点在左端;row-revers
分类:
Web程序 时间:
2019-11-10 09:59:57
阅读次数:
105
前端开发中,我们经常需要对元素进行水平垂直居中。为此,小编特地总结了让元素居中的方法。 水平居中text-align:center; 这个是没有浮动的情况下,我们可以先将要居中的块级元素设为inline/inline-block,然后在其父元素上加上属性text-align:center;即可。如果 ...
分类:
其他好文 时间:
2019-11-07 12:56:30
阅读次数:
97
一、需要掌握的技能 1、水平垂直居中 学习资料:https://www.cnblogs.com/hello9102/articles/11773437.html 2、模拟下拉选框 3、制作雪碧图 学习资料:https://www.cnblogs.com/hello9102/articles/1176 ...
分类:
其他好文 时间:
2019-11-01 10:00:55
阅读次数:
87
css水平垂直居中 第一种方法: 在父div里加: 内部div设置 例: 中间的粉色是居中的div 第二种方法: 在居中的div元素里加 例: translate()函数可以在不知道宽高的情况下,利用它实现水平垂直居中。 translate(-50%, -50%)作用是,往上(X轴),左(Y轴)移动 ...
分类:
Web程序 时间:
2019-10-19 13:27:35
阅读次数:
117
垂直水平居中 方法1:绝对定位 + margin-top (已知子元素宽高) 如果盒子是绝对定位的,此时已经脱标了,margin:auto无效。如果还想让其居中(位于父亲的正中间),可以这样做 方法2:position + transform (子元素宽高未知) 和上面的原理相同,但是不需要知道子元 ...
分类:
Web程序 时间:
2019-10-18 15:55:43
阅读次数:
113
参考:https://www.cnblogs.com/chenwenhao/p/11217590.html 盒模型 如何实现一个最大的正方形 用 padding-bottom 撑开边距 一行水平居中,多行居左 水平垂直居中 16种方法实现水平居中垂直居中(http://louiszhai.githu ...
分类:
Web程序 时间:
2019-10-13 19:05:42
阅读次数:
121