当前位置：首页 > 软件程序 > 正文内容

页面完全居中的css代码

千帆7个月前 (10-08)软件程序977

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

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

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

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

本文链接：http://513qh.com/?id=12

分享给朋友：
返回列表

没有更早的文章了...

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

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

前台开发中的极简css

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

Copyright tzshw.com Rights Reserved.

Powered By Z-BlogPHP. Theme by TOYEAN.