随笔 - 13  文章 - 0  评论 - 0  阅读 - 2032

css居中的方式

1.//text-align:center
    此方法浮动不可用
    如果需要让以上元素水平居中,text-align需要给以上元素的父元素设置(行内元素给父元素设置)

2.//line-height属性取值:
    1.数字+px
    2.倍数(当前标签font-size的倍数)
    具体实现:
    1.让单行文本垂直居中时可以设置line-height:文字父元素高度
    2.网页精准布局时,会设置line-height1;来取消上下间距

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;
posted on   hqingxiang  阅读(72)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示