作家
登录

DIV+CSS 全屏垂直居中的一个办法

作者: 来源:www.28hudong.com 2012-11-19 17:37:09 阅读 我要评论

例如下边的例子! 我是先定了一个点在中间,然后再把里边的这一块居中处理; <style> #info{height:0px; width:0px;top:50%; left:50%;position:absolute;} #center{background:#FFCC33;border:1px solid #0033FF; width:300px;height:300px;position:absolute; margin:-150px;} </style> <div id="info"> <div id="center">www.jb51.net</div> </div> 提示:您可以先修改部分代码再运行

  推荐阅读

  用CSS代码绘制三角形 纯CSS绘制三角形的代码

1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。<div class="triangle"></div>2、把它的宽高设置为height:0px; width:0px;3、设置边框border属性,用来实现三角>>>详细阅读


本文标题:DIV+CSS 全屏垂直居中的一个办法

地址:http://www.17bianji.com/kaifa2/CSS/16497.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)