1024
问
热门
后端
前端
数据库
移动端
小程序
WEB
运维
大数据
区块链
注册
登录
默认
JAVA
C语言
Python3
C++
JavaScript
GO
Mysql
Android
Swift
物联网
人工智能
大数据
云计算
区块链
DIV水平垂直居中css实现代码
Dianthe
·
更新时间:2024-09-21
· 921 次阅读
主要代码:
position:absolute;
top:50%;
left:50%;
margin-top:-(height/2);
margin-left:-(width/2)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>已知宽高度DIV垂直水平居</title> <style type="text/css"> <!-- .main{ position:absolute; top:50%; left:50%; width:560px; height:188px; margin:-94px 0 0 -280px; background:#C8EDFB} --> </style> </head> <body> <div style="width:950px; margin:0 auto"> <div class="main">已知宽高度DIV垂直水平居</div> </div> </body> </html>
提示:您可以先修改部分代码再运行
CSS
div
需要
登录
后方可回复, 如果你还没有账号请
注册新账号
相关文章
Java StringBuffer 和 StringBuilder 类
Efia
2020-10-24
516
Java 正则表达式
Laurie
2020-11-30
811
css实现简易报警灯的示例代码
Antonia
2023-02-26
248
CSS-@规则(At-rules)常用语法使用总结
Elina
2023-02-26
287
html+css设计两个摆动的大灯笼
Thalia
2023-02-26
1458
CSS3使用双旋转实现福到了的迎春喜庆特效代码
Olinda
2023-02-26
1901
CSS3实现一根心爱的二踢脚示例代码
Bunny
2023-02-26
23
利用css动画实现节流
Kefira
2023-02-26
562
CSS动画实现跳动的足球(疯狂世界杯)
Jacinthe
2023-02-26
865
CSS样式覆盖的操作代码
Viridis
2023-02-26
166
css实现文字充电效果的示例代码
Tertia
2023-02-26
443
使用canvas制作炫酷黑客帝国数字雨背景html+css+js
Elina
2023-03-29
1421
关于CSS渲染:CSS是如何绘制颜色的
Querida
2023-04-14
183
CSS中height:100vh和height:100%的区别
Serafina
2023-04-19
951
CSS实现鼠标悬停svg图标描边效果
Rhea
2023-04-19
734
36种漂亮的CSS3网页按钮Button样式(主要结合before与after)
Malinda
2023-04-19
935
纯CSS实现了下划线的交互动画效果
Kathy
2023-04-19
677
CSS 实现块级元素靠右的方法
Nora
2023-04-19
653
纯CSS实现鼠标悬停图片上升显示描述案例
Pandora
2023-04-19
1001
基于css实现炫酷按钮动画效果案例代码
Tani
2023-04-19
1624
我要提问
致谢
帮助他人,成就自己。
人生最大成功就是伸出热情而温暖的双手,尽自己所能去帮助身边的每一个人,只要无私的奉献,就会收获到美好的生活。
1024问感谢每一位朋友的帮助和支持。
软件开发网提供编程的基础软件技术培训教程,软件开发编程实例讲解Go,Node,HTML,CSS,Javascript,Python,Java,Ruby,C,PHP,MySQL等软件开发编程语言以及数据开发的基础知识,也提供大量的软件开发在线实例、从入门到精通就在1024问。
育儿网
微养生
全球行
美食街
育儿
菜谱大全
海南旅游
女性
养狗百科
星座