오버 플로우 : 셀에 숨겨진 - 예상치 못한 결과

웹 개발에 대한 초보자 - 셀 내용의 폭보다 더 많은 경우에 따라서오버 플로우 : 셀에 숨겨진 - 예상치 못한 결과

overflow:hidden를 사용하여 셀 (display:table-cell)의 크기를 제한해야 셀은 (내가 그것을 숨길 수 할) 내용이도 여기에 overflow:hidden

숨겨진지고하지 않는 코드의 요지이다

<html> 
<style type="text/css"> 
.table{ 
display: table; 
} 
.row{ 
display: table-row; 
} 
.cell{ 
display: table-cell; 
} 
.mod{ 
width: 50px; 
overflow: hidden; 
border:1px solid black; 
} 
</style> 
<div class="table"> 
<div class="row"> 
    <div class="cell"> 
    Foo 
    </div> 
    <div class="cell mod"> 
    barbarbarbarbarbar 
    </div> 
</div> 
</div> 
</html>

그리고

(클래스 모드에서) 폭은 최대 폭으로 대체되는 경우 - 작동하는 것 같아. max-width과 함께 작동하지만 width과 함께 작동하지 않음

출처

2011-09-21 Vivek Chandra