2013-09-25 2 views
0

У меня есть два контейнера друг на друга, верхний - несколько абзацев текста.Нижняя строка текста, игнорируя высоту строки?

Мне нужно, чтобы нижняя строка текста была на 50 пикселей выше нижнего контейнера.

Таким образом, у меня есть либо край 50px, либо верхний контейнер, либо верхний край 50px для нижнего контейнера.

Проблема в том, что ее не 50 пикселей точно из нижней строки текста из-за высоты строки, применяемой к тексту.

Есть ли хоть что-нибудь, чтобы текст сидеть заподлицо внизу, когда он достигает этой точки?

Надеюсь, что это имеет смысл ... Я ценю его только незначительные, но некоторые клиенты хотят, чтобы он был конкретным.

+2

HTML CSS ? скрипка? что-нибудь? – Manoj

ответ

1

Вы можете попробовать установить line-height в верхнем контейнере так же, как его font-size и границы на дне:

font-size: 14px; 
line-height: 14px; 
border-bottom: 1px solid #f00; 
marign-bottom: 50px; 

jsFiddle

+0

Спасибо, я попробую, кажется, немного лучше. Клиент хочет, чтобы он скрылся под текстом, хотя ... – user4630

+0

Это не работает, к сожалению, поскольку высота строки должна быть больше размера шрифта :( – user4630

+0

Можете ли вы предоставить jsfiddle или какой-нибудь код? Мне нужно знать, что находится внутри вашего – matewka

0

попробуйте использовать padding-bottom вместо margin

+0

отступы и маргинальные результаты в том же, только что использованном margin в примере. – user4630

Смежные вопросы