Вертикальное Выравнивание некоторого текста в блоке <a> тег
Мне нужна CSS gunu там для помощи мне с этим. Право у меня есть тег, который является элементом блока, зафиксировало ширину и высоту. В нем фоновое изображение и заголовок изображений. Я пытаюсь выровнять текст к нижней части, и я добираюсь не где. Я попытался делать display:table-ячейку; вертикальный-align:bottom; и весь способ различных путей. Bu, добирающийся нигде. Я знаю, что мог сделать высоту строки, но это имеет ту странную пунктирную линию вокруг элемента. Просто испытанное наличие промежутка с текстом в этом в тег и вертикальный выравнивает это, но никакая радость, хотя подчеркивание переместилось в нижнюю часть. Который нечетен! Любая справка очень ценится. Richard
2 ответа
Родительскому элементу требуется display: table, а затем элемент, который вы хотите внизу, имеет display: table-cell; выровнять: снизу;
На какие браузеры вы ориентируетесь? У меня это отлично работает в 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?), Вам придется поместить свой элемент в элемент уровня блока, а затем разместить его.
<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;">
<a style="position:absolute;bottom:0px;">Your text</a>
</div>