搜 索

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

编辑:QTOOL.NET日期:2019-02-07149

以下为一段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>

div+css实现全屏垂直居中示例图                                                          
只需要新建个html文件将其赋值粘贴到文本中去,保存双击通过浏览器打开即可垂直居中的查看效果
大家还可以可根据需要自行修改参数.
注:在与自己网页的css结合时,还可以通过本站的css工具对css代码进行css压缩、css格式化等扩展操作,方便实用.具体使用方法可参考格式化css代码让代码变的更方便阅读与修改的文章步骤来操作.

TAG标签:css
此文章由QTOOL.NET编辑
最新文章

热门标签