Web前端:自适应居中方法总结
来源:互联网 发布:反ps软件叫什么 编辑:程序博客网 时间:2024/06/05 01:59
最近看到了一位大牛写的一个小的前端动画的代码,body中出现了一种最新的网页自适应居中的方法,结合以前在公众号中看到的一篇文章,在这里对网页自适应居中方法做个小小的总结:
1、这是一种简单的方法,但是稍有局限性,设定了盒子的宽高
2、这种方法不需要计算,盒子的宽高也不影响,但是IE7及以下的浏览器并不支持
3、table布局,display:table-cell,将整个界面模拟成一个表格单元格,表格的居中特性就可以很好利用了,但是IE7及以下的浏览器仍然是不支持的
4、这个方法是css3盒模型中的很好用的一种,但是兼容性并不好。其中justify-content代表主轴(横向)居中,align-items则是辅轴(竖向)居中
自适应居中的方法还有很多,以后再总结给大家啦!前端的每一种实现方法都比较灵活,要结合兼容性要求等情况,选择最适合的那种。
阅读全文
0 0
- Web前端:自适应居中方法总结
- 【Web前端】CSS水平居中和垂直居中的方法总结
- web前端---居中方式
- 移动Web前端开发_横向UL以及自适应屏幕_div定位的方式居中
- [Web前端技术教学]网页布局-居中方法小结
- web前端-01:关于css居中的几种方法
- 清楚浮动方法总结----web前端
- 图片大小自适应垂直居中的方法
- 水平居中方法 总结
- 居中方法总结
- 百度Web前端技术学院--水平垂直居中
- web前端面试水平垂直居中详解
- web前端开发中的各种居中
- 水平居中&垂直居中常用方法总结
- web前端开发总结
- web前端总结
- Web前端实践经验总结
- web前端优化总结
- 传输层TCP和UDP的区别分析与应用场景
- python爬虫 利用cookie登录人人网
- 关于同步传值
- 数据处理——白化whitening
- C++隐式的类类型转换,explicit关键字介绍。
- Web前端:自适应居中方法总结
- python学习笔记(三)--类进阶
- TEZ 0.8.5与Hadoop2.7.3的guava兼容性问题
- [BZOJ2186][SDOI2008]沙拉公主的困惑(数论)
- git命令使用
- CentOS升级Python2.6到Python2.7并安装pip
- 树形结构的查找(平衡二叉树--插入时调整)
- 对象池实操(二)_对一的演示的补充_实现对象的数据重置
- 关于struts三种action后台接收参数的方法