当前位置:  编程技术>WEB前端

纯CSS实现上下左右都居中的代码

    来源: 互联网  发布时间:2014-10-04

    本文导语:  #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:r...

#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;}
content

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

终于见识了这个变态的IE7,象雾象雨又象风,IE系列的CSS hack: * html它认;Firefox的CSS hack: html>body、#id[id]、html[xmlns] div这样的东东它也认,教我说它什么好呢!
最终通过无敌 * 解决了它!

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • PHP去除html标签,php标记及css样式代码参考
  • CSS代码格式化 CSS Beautify
  • CSS代码检查工具 CSS Lint
  • 无用css代码检查工具 Helium-css
  • php 压缩多个CSS文件的实现代码
  • 快速编写HTML/CSS代码 Emmet
  • JS/CSS代码片段测试 JS Bin
  • 用css来控制图片大小显示的实现方法与代码
  • 技术文章 iis7站长之家
  • CSS实现简单的图片防盗链代码
  • css中的行间距的代码
  • PHP压缩CSS文件示例代码
  • css pointer控制在firefox下显示手型的代码
  • css首字放大实例代码
  • 一段巧妙的css debug代码
  • css下划线颜色一句话代码
  • 用CSS来控制图片显示大小的代码
  • CSS 首字母大写代码
  • 用css动态生成闪字的代码
  • css图片切换效果代码[不用js]
  • 用css滤镜实现的文字描边效果的代码
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • CSS 框架 Simpl.css


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3