技术标签： css
1.对div使用绝对布局“position:absolute;”；
方法一：对div使用绝对布局position:absolute;并设置top，left，right，bottom的值相等，但不一定都等于0；并且设置margin:auto
{position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
2.对div使用绝对布局并把top和left的值都设置为50%；
方法二：这个方法要知道div的宽度和高度。对div使用绝对布局position:absolute;并把top和left的值都设置为50%；50%就是指页面窗口的宽度和高度的50%；最后将div左移和上移，左移和上移的大小为div宽度和高度的一半
{position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
}
3.通过css3的transform属性实现div居中。
方法三：div使用绝对定位position：absolute，并且设置left和top的值都为50%。使用css3的transform属性。transform：translate（-50%，-50%）
{position:abslolute;
top:50%;
left:50%;
transform：translate（-50%，-50%）；
-webket-transform:translate（-50%，-50%）;
-ms-transform:translate（-50%，-50%）;
-moz-transform:translate（-50%，-50%）;
}
若有两个div，里面小的div相对于外面大的div水平垂直居中对齐，有以下几种方法。
1.利用position和margin：auto实现。父元素设置position：relative；子元素设置position：absolute，并设置top，left，right，bottom值相等。
父元素{
position：relative；
}
子元素{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
2.使用position。父元素设置position：relative；子元素设置position：absolute。并设置top和left为50%，并设置左移和上移为子元素的大小的一半
父元素{
position：relative；
}
子元素
{position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
}
使用display：flex。这种方法需要设置浏览器的兼容性。
{display:flex;
display:-webkit-flex;
justify-content:center;
-webkit-justify-content:center;
align-items:center;
-webkit-align-items:center;
margin:0 auto;
}
3使用transform：translate（）。父元素设置position：relative；子元素设置position：absolute。并设置top和left为50%。最后设置transform：translate（-50%，-50%）
父元素{
position：relative；
}
子元素
{
{position:abslolute;
top:50%;
left:50%;
transform：translate（-50%，-50%）；
}
文章浏览阅读1.5w次。最近在做Vue项目中定位时，发现定位总有偏差，查阅资料后发现用navigator.geolocation.getCurrentPosition取到的经纬度属于WGS84坐标，并不能直接用在百度地图的 构建map的point中，需要做转换。转换前代码（贴上主要代码）：navigator.geolocation.getCurrentPosition((position) => { const lat = position.coords.latitude; const lng...
文章浏览阅读334次，点赞4次，收藏2次。神仙程序媛小姐姐的一些列Java教程，从小白到进阶，春招和秋招必备的面试题，全站式保姆的Java教程导航帖（未完结）
文章浏览阅读8.7k次，点赞4次，收藏15次。原文链接：http://blog.yeyuzhen.cn/?p=203_lcov覆盖率 cmake
文章浏览阅读1.1k次。电池包在设计BDU 的时候 预充电阻计算计算方程： T = RC * Ln[(Vbatt - V0)/( Vbatt - Vpre)] 注：T为预充电时间，R为预充电阻，C为外部电容，Vbatt为电池包电压，V0为负载端闭合高压前..._电池bms预充电阻及预充时间的计算simulink
文章浏览阅读1w次，点赞2次，收藏5次。今天帮同学从一个网站上下载点数据， 但是上面有上百个链接， 一个一个点击下载实在是工作量太大。 于是自己就想找一个命令行下载工具并用Python写一个简单的脚本来替代这些工作。百度了一下， 找到了curlcurl： curl是利用URL语法在命令行方式下工作的文件传输工具。 [百科： http://baike.baidu.com/view/1326315.htm]官网： http:_bat脚本 curl 下载文件夹下所有文件
文章浏览阅读3.1w次，点赞21次，收藏142次。更新中..._cesium ue4
文章浏览阅读1.1k次。formPanel中有一个renderTo 属性，在renderTo 后面加上div的id便可。注意div块中间什么都不要写，给个例子var formPanel= new Ext.form.FormPanel({renderTo : query,title : 搜索人员,autoWidth : true,autoHeight : true,collapsible : true,hideLabels..._textfield高度属性jsp设置
文章浏览阅读492次。前言在深度学习中，要使用大量GPU进行计算。 而GPU往往价格不菲，随着模型变得越复杂，数据量积累，进行深度学习计算需要耗费极大的经济和时间成本。解决方案阿里云容器服务提供的深度学习解决方案，基于Kubernetes为核心，支持cluster-autoscaler 进行节点弹性扩缩容。除了CPU，Memory 等基础指标外，还可以以GPU资源维..._gpu弹性扩容
文章浏览阅读6.3k次，点赞5次，收藏9次。最近，极光大数据根据极光调研平台收到的1684份有效问卷，发布了一份2018年3月中国程序员研究报告，涉及了程序员工作和生活等方方面面，现在笔者与大家分享一下：生活中的程序员婚恋篇七成程序员处于未婚状态，其中四成程序员为单身22-30岁的程序员中，只有19.3%已完成结婚生子的人生大事，在主要职业群体中比例为最低。看来说程序员是大龄青年的聚集地，此言非虚。42%的22-30岁受访程序员目前是单身。..._杭州软件比上海
文章浏览阅读4.4k次，点赞5次，收藏19次。之前在 Unity Built-in 管线中，我们在自定义 shader 中，可以使用一下代码来获取 Ambient 环境光的颜色：fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.rgb但是在 Unity URP 中，发现不生效了，虽然 URP 中也有定义这个宏，定义在：#include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/UnityInput.hlsl" 中 #define UN_unity ambient
文章浏览阅读164次。转载于:https://www.cnblogs.com/sunyongjie1984/p/4319969.html
文章浏览阅读221次。find就不用多说了，就是递归遍历文件夹。which：有时候可能在多个路径下存在相同的命令，该命令可用于查找当前所执行的命令到底是哪一个位置处的命令。whereis：是在数据库中查找文件，在数据库（var/lib/slocate/slocate.db）中查找与文件名相匹配的二进 制文件、源文件和帮助手册文件,使用之前可以使用up..._linux中whereis locate which的区别