目录

css–几种常用的水平垂直科特迪瓦队居中对齐方法

文字的水平垂直居中

    text-align: center;    line-height: 单前元素高度;

4大发明元素的水平垂直居中

1 使用绝对定1到100的合数位

   /* 需要固定宽高 */    position小学老师学历要求: absolute;    top:0;    left: 0;    bottom: 0;    right: 0;    width: xxx;    height: xxx  娇媚的妈妈  margin: auto;

2 使用绝对定位+ calc()

    /* 需要知道具体的元素宽高值 */    position: absolute;    width: xxx;    height: xxx;    top: calc(50% - xxx/2);    left: calc(50% - xxx/2)

3. 使用绝对定位+transform

   /* 不需要知道元素的宽高 */    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);

4. 使用display:flex;

    display: flex;    justify-content: center;    align-items: center;