美文网首页
前端面试题积累1-居中

前端面试题积累1-居中

作者: 加油_未来 | 来源:发表于2018-12-04 11:20 被阅读0次

1.如何让一个div水平居中,垂直居中

div水平垂直居中

方法一:使用绝对定位与margin

方法二:使用弹性布局 display:flex

方式三:使用绝对定位,0,margin:auto 

方法四:使用绝对定位和transform:translate()

方法五:使用display:flex 和 margin:auto

方法六:使用display:table-cell

相关文章

  • 前端面试题积累1-居中

    1.如何让一个div水平居中,垂直居中 方法一:使用绝对定位与margin 方法二:使用弹性布局 display:...

  • 面试题收集汇总

    title: 面试题积累date: 2019/09/16 21:30:25categories: 面试题 前端 面...

  • 每日一题之2019-10-09

    前端经典css面试题:如何让一个div垂直水平居中 方法1:flex布局 .father{ displ...

  • 前端面试题-普通版

    前端面试题,面向普通的前端开发者,不定时补充好题目。 CSS: 1. 如何实现上下左右居中布局。 JS: 1. J...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

  • web面试汇总

    《前端面试常见问题按知识点分类整理》 《CSS 中布局终极方案》面试中经常遇到的面试题之一,居中布局,特来总结 《...

  • 垂直居中

    不管是前端面试题,还是实际开发中,经常遇到使模块垂直居中的需求。 PC端: 1、基于 绝对定位 兼容性好,IE6+...

  • 新鲜出炉的8月前端面试题

    前言 最近参加了几场面试,积累了一些高频面试题,我把面试题分为两类,一种是基础试题: 主要考察前端技基础是否扎实,...

  • 新鲜出炉的8月前端面试题

    前言 最近参加了几场面试,积累了一些高频面试题,我把面试题分为两类,一种是基础试题: 主要考察前端技基础是否扎实,...

网友评论

      本文标题:前端面试题积累1-居中

      本文链接:https://www.haomeiwen.com/subject/dbopcqtx.html