display: -webkit-box; 조그마한 시험을 하다

최근에 위챗 프로젝트를 했는데 css3이 위챗 내부 브라우저와 다른 검색어의 차이점을 발견하여 작은 필기를 했습니다.

.job {

            display: -webkit-box;

            display: flexbox;

            -webkit-box-pack: center;

            margin-top:100px;

            transform: translate3d(0,50px,0);

            border: #CCC 1px solid;

        }



            .job .job_ch {

                flex: 1;

                -webkit-box-flex:1;

                border: red 1px solid;

            }



            .job .job_ch_left {

                flex: 2;

                -webkit-box-flex: 2;

                border: red 1px solid;

            }

 <div class="job">

            <div class="job_ch">

                1

            </div>

            <div class="job_ch_left">

                2

            </div>

        </div>

이거는 다 인정하는 표현이에요. 똑같아요.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

[CSS] inline, block, inline-block

CSS 에서 display 속성에 대한 inline, block, inline-block 속성값을 알아보겠습니다. inline 속성을 가지고 있는 tag 들은 span, a, img ... 들이 있으며, tag의 종...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

display: -webkit-box; 조그마한 시험을 하다

좋은 웹페이지 즐겨찾기