当前位置:首页 > 实验代码 > 正文内容

页面完全居中的css代码

千帆3年前 (2023-10-08)实验代码7297

在前台页面制作时,可能会遇到需要完全居中的效果,可以使用以下代码,简单实用。

.center-box {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

扫描二维码推送至手机访问。

版权声明:本文由千帆生活网发布,如需转载请注明出处。

本文链接:http://ntshw.com/?id=12

分享给朋友:
返回列表

没有更早的文章了...

下一篇:前台开发中的极简css

“页面完全居中的css代码” 的相关文章

css圆角设置方法

1.为元素添加四个相同的圆角:语法结构:border-radius:r;  r为圆角的半径大小  eg:如下样式,给元素添加四个圆角为10px代码如下:  radius div{  width: 100px;  height: 100px; ...

Python输出指定范围内的素数

# 输出指定范围内的素数# take input from the userlower = int(input("输入区间最小值: "))upper = int(input("输入区间最大值: "))for num in range(lower,upper +...

Python计算每个月天数

import calendar'''输出的是一个元组,第一个元素是所查月份的第一天对应的是星期几(0-6),第二个元素是这个月的天数。以上实例输出的意思为 2016 年 9 月份的第一天是星期四,该月总共有 30 天。'''monthRange = c...

Python清空列表

RUNOOB = [6, 0, 4, 1]print('清空前:', RUNOOB)RUNOOB.clear()print('清空后:', RUNOOB)'''以上实例输出结果为:清空前: [6, 0, 4, 1]清空后: []'...

Python代码打包成exe文件

要将Python代码打包成exe文件,可以使用PyInstaller工具。以下是使用PyInstaller打包Python脚本为exe文件的步骤:安装PyInstaller:pip install pyinstaller使用PyInstaller打包Python脚本:pyinstaller --on...