发表日期: 2022-07-03 16:18:10 浏览次数:9
高端!网站定制/设计/优化/二次开发/制作/搭建-上杭高端网站建设
用绝对定位实现垂直居中
举例说明:网站上有一张图片,我们想让它居中,首先我们需要创建一个div容器去包裹它,然后给它定义一些样式。
HTML
-----
CSS
-----
body{
background: #ccc; /* just to make it visible in screenshots */
}
div{
width: 300px;
height: 250px;
background: #fff;
}
img{
width: 100px;
}
现在我们有了一张包裹在div中的图片,我们给不光给图片以及div元素定义了尺寸,还给div元素定义了#fff的背景色。 现在我们需要给我们的父元素添加相对定位属性,同时,要给子元素也就是图片元素添加绝对定位属性。
div{
width: 300px;
height: 250px;
background: #fff;
position: relative;
}
img{
width: 100px;
position: absolute;
}
现在,我们会将子元素的top属性设置为50%。
div{
width: 300px;
height: 250px;
background: #fff;
position: relative;
}
img{
width: 100px;
position: absolute;
top: 50%;
}
目前为止图片还没有实现垂直居中,现在我们需要给它一个负的margin-top值,这个值为你想要实现垂直居中的元素高度的一半,在本例中就是那张图片。 *如果不确定元素的高度,可以不使用margin-top,而是使用transform:translateY(-50%);属性。 div{
width: 300px;
height: 250px;
background: #fff;
position: relative;
欢迎您免费咨询,请填写以下信息,我们收到后会尽快与您联系
服务热线:400-111-6878
默认参数必须放在最后面,否则会报:
不跟随
368***608@qq.com
夏老爷
112***6553@qq.com
参考地址
def(**kwargs) 把N个关键字参数转化为字典:
夏老爷
112***6553@qq.com
参考地址
dessertfox
che***anren@tju.edu.cn
lambda 匿名函数也是可以使用"关键字参数"进行参数传递
同样地,lambda 匿名函数也可以设定默认值
注意:如果只打算给其中一部分参数设定默认值,那么应当将其放在靠后的位置(和定义函数时一样,避免歧义),否则会报错。
dessertfox
che***anren@tju.edu.cn
Mr.Wang
992***591@qq.com
关于可更改与不可更改类型, 以及其它语言的值类型与引用类型的介绍,一直一来感觉都不太严谨, 说法是否正确有待验证。
简单的说就是,不可更改类型传到函数里重新赋值后,两次输出值不一样,而可更改类型传到函数里对对象的"属性" 重新赋值后输出值一样。
这里照搬一下例子:
请注意:上面特意用了引号标准的部分,对可变类型或者引用的操作修改的是传过来的对象的属性。
可以这么理解(例子有点随意):我在画画,小明来了说他也要画,我让他和我一起画,他如果和我在同一个画板上画,那么我们两的画就会同时改变。 而如果他说不,我要另外用一块画板,然后重新拿了块画板画起来了,那么我们两的画自然就不一样了。