【css】居中对齐方法
1、text-align: center——水平居中
仅对文字、图片、按钮等行内元素有效(display设置为inline或inline-block等)进行水平居中
2、margin: 垂直 auto——水平居中
仅水平居中,且对浮动元素无效
3、line-height——垂直居中
line-height=height,仅对一行文字有效
4、使用表格——水平、垂直居中
对 td / th 的 align='center' 和 valign='middle' 两属性可以水平和垂直集中
5、弹性布局——水平、垂直居中
display: flex;
justity-content: center;
align-items: center;
6、使用display: table-cell——水平、垂直居中
对于那些不是表格的元素,我们可以通过display: table-cell来把它模拟成一个表格单元格
7、子绝父相——水平、垂直居中
子元素设置为absolute,父元素设置为relative(当知道子元素的宽高)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步