매일 한 문제: 원소 의 수평 이 수직 으로 가운데 에 있 는 방식 은 어떤 것 이 있 습 니까?

20190119 문의:
원소 가 수평 으로 수직 으로 가운데 에 있 는 방식 은 어떤 것들 이 있 습 니까?

absolute 플러스 margin 방안

fixed margin 방안

display: table 프로젝트

행 내 요소 line - height 방안

flex 탄성 레이아웃 방안

transform 알 수 없 는 요소 너비 해결 방안

absolute margin 프로젝트

    div{
        position: absolute;
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%:
        margin-top: -50px;
        margin-left: -50px;
    }

fixed margin 방안

    div{
        position: fixed;
        width: 100px;
        height: 100px;
        top: 0;
        right:0;
        left: 0;
        bottom: 0;
        margin: auto;
    }

display: table 프로젝트

    div{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100px;
        height: 100px;
    }

줄 내 요소 line - height 방안

    div{
        text-align: center;
        line-height: 100px;
    }

flex 탄성 레이아웃 방안

    div{
        display: flex;
        align-items: center;
        justify-content:center
    }

transform 알 수 없 는 요소 너비 해결 방안

    div{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

JS 에 관 한 매일 한 문제
JS 일 일 1 문 항 은 음성 퀴즈 커 뮤 니 티 로 볼 수 있 습 니 다.

주석 은 당일 임 무 를 완성 하 는 데 만 국한 되 지 않 고 부족 한 부분 을 조사 하고 보완 하 며 학습 군 내 다른 친구 들 의 우수한 문제 풀이 방향

에 국한 되 지 않 는 다.
위 챗 공식 번호 검색: JS 매일 한 문제