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

页面完全居中的css代码

千帆2年前 (2023-10-08)实验代码4876

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

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

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

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

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

分享给朋友:
返回列表

没有更早的文章了...

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

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

前台开发中的极简css

  平时的前端开发中,CSS是不可或缺的一部分,它可以精确地控制页面的呈现效果。有时候只需要简单地对页面进行排版和样式设置,这时候使用过多复杂的CSS代码反而会影响开发效率和代码质量,以下为常用CSS特简代码整理:1. 设置页面字体和背景颜色body{font-family: Arial, sans...

文本框只允许输入数字的控制方法

onKeyUp="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"在输入小数字点时,也会自动分析判断,...

修改sql数据库名称

EXEC sp_dboption 'OldDbName', 'Single User', 'TRUE' EXEC sp_renamedb 'OldDbName', 'NewDbName' EXEC s...

Python 数字求和

# 用户输入数字num1 = input('输入第一个数字:')num2 = input('输入第二个数字:')# 求和sum = float(num1) + float(num2)# 显示计算结果,format是一个内置函数,主要用于对字符串进行格式化处理‌。它通过...

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...