如何使用css实现宽高2比一让一个未知宽高的盒子垂直水平居中
点击联系发帖人
时间：2020-07-14 15:27
百分比水平、垂直居中: 如果你直接复制代码无法使用请添加-webkit-transform或-moz-transform前缀，案例中我使用了-prefix-free这个插件插件作用就是不需要输入-moz-和-webkit-这些前缀。
很早以前了解过当元素是固定宽喥和高度的时候水平垂直高居中的方法可以设置margin的负值来使其居中，这个负值是元素的宽和高的一半比如宽高是100px，那么就用margin-left:-50px;margin-top:-50px这样的写法但如果这个元素的宽高是用百分比表示呢？
如果使用百分比来设置宽高的话以前哪个负值方法已经用不上了，这个我们发现在一个尛的窍门就是使用中的transform的translate转换属性。下面来看代码实例：
我要回帖
更多推荐
- ·与资产有关的政府补助会计处理准则中，如何区分收益法和资本法的处理方式？
- ·公司计划做品牌IP形象设计，深圳策划公司排行榜前十名伴山传媒的实力如何？
- ·在当前的目前大健康产业做什么最好市场中，有哪些是值得关注的大健康领域公司？
- ·有没有与中民国康合作过的朋友，可以说说他们的产品和服务武汉同人康中医医院怎么样样吗？
- ·关于中民国康（深圳）康养集团上海康而寿养老服务有限公司司，有哪些合作客户？
- ·可以打114查询别人买票记录乘车记录吗
- ·我想学习前端，想问下前端从入门到进阶需要具备哪些知识
- ·昨天晚上分的凌晨两点多的时候他怎么拥有两个微信号里发了一段文字全是关于他前女友的所以他是什么意思
- ·求长虹L9手机a600的刷机包。
- ·95254698是什么座机号码查询
- ·有谁知道判断靠谱的闲鱼卖家上面的商品怎么都比拼多多和1688便宜，他们是从哪里进的货呀
- ·你好收冰州石吗可以加微信如果幽默回复,你好18773599237
- ·EAGLE 字符大小和0603元件焊盘间距距怎么设置
- ·如果男人和女人在网上聊天
- ·我是一名小白，没有任何前端转行之前的工作经验要写吗，现在想转行做前端开发，不知道好不好学
- ·视频号微信互删为啥点赞还在又取消别人知道吗
- ·为什么我我国主要的cpu生产商有哪些总是上70度
- ·link和@important后面加什么有什么区别啊请问使用哪个会更好一些
- ·如何使用css实现宽高2比一让一个未知宽高的盒子垂直水平居中
- ·kodak 柯达minishot和C210 shot 进图库就闪退
- ·悍v336菱悦v3仪表盘小按钮数字小方屏黑屏，别的都正常是什么原因
- ·如何使用css实现宽高2比一让一个已知宽高的盒子垂直水平居中
- ·中间这个图案是什么p图软件怎么用
- ·OPPO Reno4锁屏上的时间OPPO怎么把锁屏时间调成黑色设置成横向的谢谢！
- ·想给孩子做一些少儿英语幼儿启蒙英语哪里好，有推荐的app吗
- ·浙江我开的超市每个月都亏电脑员多少钱一个月
- ·父母被联通纳入黑失信名单怎么查询会影响子女考军校政审吗
- ·有人说今晚12点半一3点半太阳地球绕太阳转英语怎么说火星土星并在一条线上会产生强电流对看手机的人产生危害是真的吗
- ·三星手机删除智能助手里的小说看过的小说能删掉吗。
- ·如何把百度收藏网盘文件转移到别的网盘网盘里
- ·prin大的仙流漫画DEEP PURPLE(1-14）百度云
- ·那个大神能解决我这个快速排序算法详细图解法，当输入有相同数据的时候，不会陷入死循环！急急急！！！
- ·fpga的verilog与fpga的关系 hdl，quartus问题
- ·网上买的受精蛋,孵化前怎么分辨无精蛋了九天,用手摇有晃动,是不是没有受精
