2012-12-19 1 views
0
<tr id='recent_tablerow_0'> 
<td>Women's Health Initiative</td> 
<td>Versions 1-5: passed embargo</td> 
<td> 
    <img src="./images/V.png" alt="V" height="24px" width="20.74px" border="0" s> 
    <img src="./images/D.png" alt="D" height="24" width="20.74" border="0"> 
    <img src="./images/A.png" alt="A" height="24" width="20.74" border="0"> 
    <img src="./images/S.png" alt="S" height="24" width="20.74" border="0"> 
</td> 
<td>55181</td> 
<td>Partial Factorial Randomized, Double-Blind, Placebo-Controlled, Cohort, Longitudinal</td> 
<td><a href="#">Links</a></td> 
<td>N/A</td> 
</tr> 

이미지는 다른 셀의 다른 모든 요소를 ​​24 픽셀만큼 내리고 있습니다. 누구든지이 격차 문제를 전에 보았습니까?표 셀의 이미지에서 비정상적인 간격이 생겼습니다

궁극적으로이 이미지를 제거하고 이미지를 배경 이미지로 대체하고 싶습니다. 그러나 그렇게 할 때 여전히 간격이 있으며 이미지는 비어있는 것처럼 보입니다. 조언이나 유사한 경험을 주시면 감사하겠습니다.

enter image description here

+0

img 너비 및 높이 속성에 'px'를 설정하면 안됩니다. – jtheman

+0

'px'접두사를 제거했지만 문제가 여전히 존재합니다. 마치 이미지가 행의 모든 ​​요소에 수평 간격을 생성하는 것과 같습니다. 그것은 정렬 문제처럼 보입니다. –

답변

1

이미지는 기본적으로 인라인 요소입니다. 인라인 요소는 문자의 디 센더를 설명하기 위해 맨 아래에 약간의 틈새가 있습니다. 이미지를 플로팅하여 문제를 해결할 수 있습니다.

+0

이미지를 플로팅해도 차이가없는 것처럼 보입니다. –

관련 문제