以下为一段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文件将其赋值粘贴到文本中去,保存双击通过浏览器打开即可垂直居中的查看效果
大家还可以可根据需要自行修改参数.