css 设计模式 absolute 居中对齐
2015-04-06 08:23
267 查看
<style> .container{ position: relative; border: 1px solid #000011; top: 100px; height: 500px; width: 500px; } #cm{ position: absolute; border: 1px solid red; margin: auto auto; } .hc{ width: 200px; left: 0; right: 0; } .vc{ height: 40px; top: 0; bottom: 0; } </style> </head> <body> <div class="container"> <p id="cm" class="hc vc"></p> </div>
相关文章推荐
- CSS的设计模式
- 没那么难,谈CSS的设计模式
- CSS的设计模式
- CSS设计模式:转载最近看到的相关文章
- 没那么难,谈CSS的设计模式
- CSS与HTML设计模式全集(350余种)
- 没那么难,谈CSS的设计模式
- 谈CSS的设计模式
- 没那么难,谈CSS的设计模式
- Css设计模式-理论篇之OOCSS、SMACSS与BEM
- CSS设计模式
- CSS设计模式之三权分立模式篇 ( 转)
- CSS与HTML设计模式全集(350余种)
- CSS设计模式之三权分立模式篇
- CSS与HTML设计模式全集(350余种)
- CSS与HTML设计模式全集(350余种)
- CSS知识总结之设计模式(持续学习中)
- 谈CSS的设计模式
- CSS设计美丽之绝对定位(absolute)的使用(小作品)
- [翻译]《CSS与HTML设计模式》第一章 设计模式:使CSS 更便易(1)