• 推荐
  • 开发工具
  • 站长工具
  • 多媒体
  • 生活查询

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

编辑: QTOOL.NET 日期: 2019-02-07 691

以下为一段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编辑
热门文章
最新文章
热门标签
js 图片处理 php 字符处理 phpcms dedecms 批量处理 cms css 配置服务器 网页布局 文字处理 解密 切图 网站状态 apache mysql 加密 python cmd 正则 格式化 跳转 编码转换 json java jQuery 数组 水印 ps 声音处理 视频处理 ico 日期间隔 抠图 ip 图片修改 301 bat 拼图 九宫格 二维码 图片拼接 对比 gif 图片裁剪 图片转换 端口查询 格式转换 sql