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

一个上下左右都居中的非table的纯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;} content
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
终于见识了这个变态的IE7，象雾象雨又象风，IE系列的CSS hack: * html它认；Firefox的CSS hack: html>body、#id[id]、html[xmlns] div这样的东东它也认，教我说它什么好呢！
最终通过无敌 * 解决了它！

以上就是纯CSS实现上下左右都居中的代码的详细内容，更多请关注本站其它相关文章！

《纯CSS实现上下左右都居中的代码.doc》

下载本文的Word格式文档，以方便收藏与打印。

相关推荐

ASP页面中怎么嵌入JavaScript或CSS

在ASP页面中嵌入JavaScript或CSS可以通过在<head>标签内或者<body>标签内使用<script>标签或<style>标签来实现。嵌入JavaScript： <html> <head> <script> functio...
2024-04-03编程代码asp,css,javascript
如何使用HTML+CSS+JS制作3D立方体图像库

这篇文章主要介绍了如何使用HTML+CSS+JS制作3D立方体图像库的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇如何使用HTML+CSS+JS制作3D立方体图像库文章都会有所收获，下面我们一...
2024-03-14编程代码css,html,js
部署vue项目找不到js和css文件如何解决

这篇“部署vue项目找不到js和css文件如何解决”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看...
2024-03-14编程代码css,js,Vue
爬取某网站写的python代码

代码如下： import requests from pyquery import PyQuery import re import os import csv import datetime """ ...
2024-03-14编程代码python,代码,写的
怎么用JS、CSS和HTML实现注册页面

这篇文章主要介绍“怎么用JS、CSS和HTML实现注册页面”，在日常操作中，相信很多人在怎么用JS、CSS和HTML实现注册页面问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么用JS、CS...
2024-03-06编程代码css,html,js
CSS如何强制图片自适应大小

小编给大家分享一下CSS如何强制图片自适应大小，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！ CSS强制图片自适应大小 img&nbs...
2023-10-28编程代码css
springboot themaleaf第一次进页面不加载css怎么解决

今天小编给大家分享一下springboot themaleaf第一次进页面不加载css怎么解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇...
2023-10-28编程代码css,springboot,themaleaf
HTML、CSS、JavaScript三者的关系是什么

HTML、CSS、JavaScript三者的关系是什么，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。 js--JavaScript--脚本语...
2023-10-27编程代码css,html,javascript