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;
posted on 2023-04-11 09:35  hqingxiang  阅读(87)  评论(0)    收藏  举报