请选择 进入手机版 | 继续访问电脑版
首页 /web前端 / 正文

DIV以及图片水平垂直居中兼容多种浏览器

2021-02-17| 发布者: 深蓝A61970| 查看: 404

第一种:全CSS控制,层漂浮(适用于做登陆页面) 复制代码代码如下: My JSP #divcenter{ position:absolute;/*层漂浮*/ top:50%; left:50%; width:300px; height:300px; margin-top:-150px;/*注意这里必须

第一种:全CSS控制,层漂浮(适用于做登陆页面)

复制代码代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>



My JSP








this is a test




第二种:JS + CSS控制,不漂浮(适用于做登陆页面)

复制代码代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>



My JSP









DIV居中演示




第三种:最简单适用的一种上下左右都居中,兼容所有浏览器

复制代码代码如下:


其他的方法:
纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、Opera、Safari
以下是程序代码

复制代码代码如下:













来源:www.guadou.net 如有侵权,请联系QQ:199993150
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

0人已打赏

0条评论 404人参与 网友评论 文明发言,请先登录注册

文明上网理性发言,请遵守国家法律法规。

最新评论

相关推荐