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

页面完全居中的css代码

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

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

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

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

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

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

分享给朋友:
返回列表

没有更早的文章了...

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

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

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

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清空列表

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

Python打包的exe不自动关闭

如何让Python打包的exe不自动关闭 在使用PyInstaller或者其他工具将Python脚本打包成exe可执行文件后,有时候我们希望程序运行结束后不会立即关闭窗口,而是保持窗口打开,以便查看程序输出或者进行交互操作。本文将介绍如何实现这一功能。方案一:使用input函数等待用户输入 一种简单...