css居中的方式
1.//text-align:center
此方法浮动不可用
如果需要让以上元素水平居中,text-align需要给以上元素的父元素设置(行内元素给父元素设置)
2.//line-height属性取值:
1.数字+px
2.倍数(当前标签font-size的倍数)
具体实现:
1.让单行文本垂直居中时可以设置line-height:文字父元素高度
2.网页精准布局时,会设置line-height:1;来取消上下间距
3.//vertical-align设置垂直对齐
baseline默认,基线对齐
top顶部对齐
middle中部对齐
bottom底部对齐
4.//margin :0 auto;
这种方法最常见,常用来使版心居中
5.//定位之绝对定位position:absloute
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
6.//弹性盒子
display: flex;
justify-content: center;
align-items: center;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律