设为首页
收藏本站
设为首页
点击收藏
手机版
手机扫一扫访问
迪恩网络手机版
关注官方公众号
微信扫一扫关注
公众号
忘记密码？
QQ登录
微信登录
登陆
注册
门户
Portal
开源
问答
系统
工作
资讯
论坛
BBS
硬件
编程
漏洞
安全
虚拟化
问答
投稿
文章
帖子
用户
快速发帖
客服电话
点击联系客服
在线时间：8:00-16:00
客服电话
132-9538-2358
电子邮件
[email protected]
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
问题反馈
返回顶部
电脑基础
选购指南
故障排查
笔记本
电脑组装
电视盒子
平板电脑
电脑周边
Python
Java
Node.js
c#
Ruby
JSP
LUA
ASP.NET
VBScript
VB.NET
Perl
Erlang
Scala
Julia
JavaScript
VUE
JQuery
Node.js
TypeScript
AJAX
HTML
CSS
BootStrap
综合其他
经典问答
漏洞分析
CVE漏洞
安全教程
安全设置
杀毒防毒
病毒查杀
脚本攻防
入侵防御
工具使用
加密解密
手机安全
安全其他
Docker
程序员工具箱
1核2G服务器首年99元起
腾讯云新客户专享大礼包
【腾讯云】ElasticSearch
【腾讯云】即时通信特惠99
特惠秒杀1核2G云服务器38
深圳家论坛
生活宝-关注生活，发现美
xstack交流社区
overstack社区
Java代码示例
PHP代码示例
网址转二维码
网址缩短
网址转二维码
网址转二维码
qrcode.16892.net
qrcode.55276.net
qrcode.devdocs.uk
qrcode.mlink.in
qrcode.ogeek.cn
OStack程序员社区-中国程序员成长平台
›
门户
›
编程
›
HTML
›
HTML/CSS编程经验
纯CSS实现上下左右都居中的代码
原作者: [db:作者] 来自: [db:来源]
收藏
邀请
<style type="text/css"> #box{width:600px; height:400px; border:1px solid red;} #box{position:static; *position:relative; display:table; *display:block; } #box-middle{position:static; *position:absolute; display:table-cell; *display:block; *top:50%; vertical-align:middle; *vertical-align:auto;} #box-inner{position:relative; top:-50%; background-color:blue; margin:0 auto; width:200px; height:100px;} </style> <div id="box"> <div id="box-middle"> <div id="box-inner">content</div> </div> </div>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
终于见识了这个变态的IE7，象雾象雨又象风，IE系列的CSS hack: * html它认；Firefox的CSS hack: html>body、#id[id]、html[xmlns] div这样的东东它也认，教我说它什么好呢！
最终通过无敌 * 解决了它！
鲜花
握手
雷人
路过
鸡蛋
该文章已有
0
人参与评论
请发表评论
评论
全部评论
专题
导读
More+
上一篇：
css 兼容性问题this.style.cursor=''hand''
发布时间：2022-02-05
下一篇：
在DW中CSS编码需要注意和掌握的一些技巧
发布时间：2022-02-05
热门
推荐
More+
热门
话题
More+
阅读
排行榜
返回顶部
客服电话
APP下载
官方微信
客服电话
APP下载
官方微信
请发表评论