div与css全屏垂直居中的小技巧

以下为一段div与css代码实现将在线工具文字进行全局全屏的垂直居中定位效果
css样式代码如下：

<style>

#co{height:0px; width:0px;top:50%; left:50%;position:absolute;}

#cocenter{background:#FFCC33;border:1px solid #1132FF; width:300px;height:300px;position:absolute; margin:-150px;}

</style>
div布局代码：

<div id="co">

<div id="cocenter">在线工具</div>

</div>

                                                         

只需要新建个html文件将其赋值粘贴到文本中去，保存双击通过浏览器打开即可垂直居中的查看效果
大家还可以可根据需要自行修改参数.

注：在与自己网页的css结合时，还可以通过本站的css工具对css代码进行css压缩、css格式化等扩展操作，方便实用.具体使用方法可参考格式化css代码让代码变的更方便阅读与修改的文章步骤来操作.