HTML은/CSS는 같은 사업부 내가 3 명 div의 (아래 예)가

Question

길이. 가장 긴 너비는 내부 텍스트와 일부 픽셀 (f.e. + 15px)을 더한 값과 같아야합니다. 텍스트가 변경되어 너비가 동적으로 변경됩니다. 디스플레이는 인라인 테이블이어야합니다. HTML/CSS에서 그렇게 할 수 있습니까?

Answer 1

예 HTML/CSS를 사용할 수 있습니다. 다음은 코드 스 니펫입니다. 코드 아래 사항에 따라

.parent { 
 
    display: inline-block; 
 
    width: auto; 
 
} 
 
.parent div { 
 
    border: 1px solid black; 
 
    padding-right: 15px; 
 
}

<div class="parent"> 
 
    <div> 
 
    Lorem Ipsum is simply dummy 
 
    </div> 
 
    <div> 
 
    Lorem Ipsum is simply dummy text of the printing and typesetting 
 
    </div> 
 
    <div> 
 
    Lorem Ipsum is simply dummy text of the print 
 
    </div> 
 
</div>

...

ul { 
 
    display: inline-block; 
 
} 
 
ul li { 
 
    list-style: none; 
 
} 
 
li div { 
 
    border: 1px solid black; 
 
    padding-right: 15px; 
 
}