css实现内容上下左右居中的效果
来源:互联网 发布:京东商城 ios源码 编辑:程序博客网 时间:2024/05/22 16:04
<!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>CSS实现DIV内容垂直及水平居中</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<style type="text/css">
#container {width:750px; height:600px; background:#f8f8f8; border:5px solid #777; text-align:center; display:table-cell; vertical-align:middle;}
</style>
<!--[if IE]>
<style type="text/css">
#fixie{width:0;height:100%;display:inline-block;vertical-align:middle;}
#fixiecontainer {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
</style>
<![endif]-->
</head>
<body>
xhtml代码:
<div id="container">
<span id="fixie"></span>
<span id="fixiecontainer">CSS实现DIV内容垂直及水平居中CSS实现DIV内容垂直及水平居中CSS实现DIV内容垂直及水平居中<br /><img src="http://i3.6.cn/cvbnm/fd/79/ff/e64ebebb5d5c547073ff673e060a202f.jpg" alt="" /></span>
</div>
</body>
</html>
- css实现内容上下左右居中的效果
- 使用CSS实现上下左右居中
- css div上下左右居中
- 实现div的上下左右都居中
- 一个上下左右都居中的非table的纯CSS实现代码
- css实现div中的图片自动上下左右居中
- CSS实现图片在DIV中上下左右居中(1)
- DIV内容上下左右居中实例
- css中轻松实现内容的垂直居中
- css多种方式实现元素的居中效果
- 纯css实现箭头,上下左右的箭头
- 登陆界面上下左右居中自适应屏幕显示的简单实现
- 设置DIV中内容上下左右居中
- css实现div内容垂直居中
- css布局上下左右居中大全(一)
- 静态进度条 上下左右居中 js css html
- 上下左右居中的方法总结
- 上下左右居中的方法总结
- 解决AJAX中使用UpdatePanel后再用Response.Write();等无法弹出对话框问题
- Javascript实现HTML的字体缩放
- 正则表达式学习参考
- 请各位高手帮帮忙
- VS2005下QT学习笔记-OpenGL编程
- css实现内容上下左右居中的效果
- CoR 模式的两种形式
- Javascript经典窍门
- PHP+sqlite使用示例
- JQuery操作select下拉列表框
- Adobe CS4 “许可证已过期”解决方法
- java正则表达式应用
- 如何查看80端口被占用?
- [JAVA]修改Java文件不用重启Tomcat服务的方法