문제

나는 이것을 도와주기 위해 CSS Gunu가 필요합니다. 바로 나는 블록 요소 고정 너비와 높이 인 A 태그가 있습니다. 그 안에는 배경 이미지와 이미지 제목이 있습니다. 나는 텍스트를 바닥에 맞추려고 노력하고 있으며 어디에도 없다. 나는 디스플레이를 시도했다 : 테이블 셀; 수직 정상 : 바닥; 그리고 다른 방식의 모든 방식. BU는 아무데도 없다. 나는 줄 높이를 할 수 있다는 것을 알고 있지만 요소 주위에 이상한 점선이 있습니다. A 태그 내에있는 텍스트와 함께 스팬을 사용하려고 시도했지만 수직은 밑줄이 바닥으로 옮겨졌지만 기쁨은 없습니다. 이상한 일입니다! 도움이 주셔서 감사합니다. 리차드

도움이 되었습니까?

해결책

상위 요소에는 표시가 필요합니다 : 테이블과 하단에 원하는 요소에는 표시가 있습니다 : 테이블 셀; 정렬 : 하단;

다른 팁

어떤 브라우저를 목표로하고 있습니까? 이것은 IE8.0.6과 Firefox 3.5.8에서 나에게 잘 작동합니다.

<a style="display:block;height:200px;width:200px;background:blue;display:table-cell;vertical-align:bottom;">This is a test</a>

참고 나는 둘 다 사용했습니다 display:table-cell; 그리고 vertical-align:bottom;. 당신은 둘 다 필요합니다. 당신이 그것을 시도했는지 확실하지 않았습니다.

그것이 당신에게 문제를주는 경우 (IE6을 목표로하고 있습니까?) <a> 블록 레벨 요소의 요소를 배치합니다.

<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;">
    <a style="position:absolute;bottom:0px;">Your text</a>
</div>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top