표시 : 이미지 추가시 표 셀 이상한 동작

Question

표시가있는 열이 있습니다 : 표 셀이 동일한 높이인지 확인하십시오. 각 열의 내부에 텍스트가 있습니다. 텍스트 상단의 셀 중 하나에 이미지를 추가하면 이미지가있는 열뿐만 아니라 모든 열의 텍스트가 아래로 밀려납니다. 다른 열의 텍스트가 움직이지 않도록하는 방법이 있습니까?

<div class = 'column'> 
    <h1>Some text</h1> 
</div> 
<div class = 'column'> 
    <img src='image.png'/> 
    <h1>Some other text</h1> 
</div> 

.column {display:table-cell} 

Answer 1

내가 display: table-cell을 사용하지 않는 것, 이것은 테스트되지 않은,하지만 당신은 솔직히

.column { 
    display: table-cell; 
    vertical-align: top; 
} 

을 시도했습니다. 대신 CSS를 사용하여 height 속성을 설정하십시오.