前端面试题积累1-居中

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


div水平垂直居中

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

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

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

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

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

方法六:使用display:table-cell

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,541评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,004评论 1 92
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,424评论 2 66
  • 1.运动达人:跑步次数:8次 共计52.85公里,达到R️4级别,这也是我第一次跑了这么多,希望10月能跑出15次...
    小不点磁铁阅读 155评论 0 0
  • 如果说了我爱你, 那就是失去你的开始; 如果不说我爱你, 那我又以什么理由保护你! ​​​
    Nikolas范二阅读 139评论 0 0

友情链接更多精彩内容