как выровнять текст / изображение / ссылки в сетке <div>загрузочного твиттера css? - PullRequest
Новая
       12

как выровнять текст / изображение / ссылки в сетке <div>загрузочного твиттера css?

4 голосов
/ 26 февраля 2012

Я пытаюсь использовать CSS-фреймворк для начальной загрузки Twitter, и пока что там только макет сетки. Теперь я просто хочу выровнять содержимое каждой ячейки сетки <div> снизу. Я явно не фанат CSS вообще.

Это HTML: 

<div class="container">
    <div class="row">
        <div class="span4">
            <a href="index.php"><img src="someprettyhighimage.gif"/></a>
        </div>
            <div class="span8">
                some text/links that need to be bottom aligned
            </div>
        </div
    </div>
</div>

Я не могу найти способ сделать второй столбец <div> с текстом (и / или первым) выровненным снизу.

Кто-нибудь знает магию CSS, которая мне понадобится для этого? (Или также, как бы я выровнял оба <div> s внизу?

Большое спасибо,

Себастьян

1 Ответ

6 голосов
/ 26 февраля 2012

Необходимо установить для свойства position div class = "row" значение относительное, а затем для свойства position div, содержащего текст, значение absolute, а свойство bottom - 0. 

.row { position: relative; }
.span8 { position: absolute; bottom: 0; }

Проверьте это на jsfiddle:

http://jsfiddle.net/A8XE2/

...