div에 텍스트 배치

-1

화면에는 가로로 배열 된 5 개의 이미지 목록이 있습니다. 각 이미지 아래에는 이미지의 이름을 표시하는 div가 있습니다. 이미지 이름에 대해 단어 줄 바꿈이 사용되었으므로 긴 이름의 경우 여러 줄에 걸쳐 표시됩니다.div에 텍스트 배치

이미지 이름이 여러 줄에 퍼져있을 때 다른 작은 이미지 이름이 아래로 풀리는 문제가 있습니다. 그것은 다른 모든 이미지 이름들이 가장 긴 이름의 맨 아래에 맞춰져 있습니다. 모든 이미지 이름을 이미지 바로 아래에 표시하고 싶습니다.

2013-08-27 Surabhi

HTML과 CSS를 게시하십시오. – j08691

jsfiddle에 코드를 올려주십시오. –

aplly 'vertical-align : top;' 텍스트를 보유하고있는 요소들.

2013-08-27 14:37:22 avrahamcool

감사합니다. 세로 맞춤 : 정상적으로 잘 작동합니다. – Surabhi

리튬에 높이를주고 float:left;

2013-08-27 14:10:15

당신이 당신은 분명 다음 뜨게 사업부의 TRS 또는 그룹 이미지를 별도의 테이블을 사용할 수 있습니다 테이블을

<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0"> 
<tr><td>img</td></tr> 
<tr><td>img name</td></tr> 
</table>

2013-08-27 14:13:04

레이아웃 용 테이블을 사용하지 마십시오. 나쁜 습관. – avrahamcool

을 사용할 수 있습니다 추가 그런 다음 다른 플로팅 div에 텍스트를 그룹화하십시오.

2013-08-27 14:33:23 Frisbetarian

답변