css的一些代码
2012-10-26 22:03
127 查看
<!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> <title>居中</title> <style type="text/css"> <!-- body { padding: 0; margin: 0; background-color: #e8f0f8; } body,html{height: 100%;} #outer {height: 100%; overflow: hidden; position: relative;width: 100%; } #outer[id] {display: table; position: static;} #middle {position: absolute; top: 50%;} /* for explorer only*/ #middle[id] {display: table-cell; vertical-align: middle; position: static;} #inner {position: relative; top: -50%;width:300px;margin: 0 auto;background-color:#DDD;text-align:center;} /* for explorer only */ --> </style> </head> <body> <div id="outer">hello <div id="middle">test <div id="inner">居中 </div> </div> </div> </body> </html>
相关文章推荐
- HTML+CSS的一些代码
- 编写高效CSS代码的一些建议
- 一些常用的CSS代码(1)
- 收集的一些常用JS代码和CSS代码
- Css的一些效果代码(旋转,进度条,透明,固定)
- 收藏的25个非常有用的CSS代码片段,在你开发基于CSS的网站时,这些代码是经常用到的,比方说一些特殊的效果,圆角边框,CSS透明度,梯形环绕,CSS小三角等,希望对你有用
- 帮我写出更好的CSS代码的一些技巧
- CSS代码编写的一些性能优化技巧总结
- 一些非常有用的html,css,javascript代码片段(持久更新)
- CSS中使用的一些颜色代码
- CSS中有序列表的一些特殊代码形式
- CSS代码更清晰高效的一些经验
- 记录一些经常忘记的CSS代码(CSS bug/hack 收集贴)
- CSS的一些技巧
- 默认图片是灰色鼠标放上去变彩色css效果代码(仅支持ie)
- Web开发者不容错过的20段CSS代码
- css行高line-height的一些深入理解及应用
- 开发者不容错过的20段CSS代码
- CSS实现鼠标滑过文字弹出一段说明文字无JS代码
- 代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧