-
20-09-2019 - |
문제
나는 이것을 도와주기 위해 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>
제휴하지 않습니다 StackOverflow