Текст к низу блока
как прилепить текст к низу блока
варианты с position:absolute не вариант, высоту фиксирован блоку я поставить не могу, т.к адаптивная верстка поэтому вариант с line-height или задание определ отступа тоже отпадает
Кто какие еще варианты знает?
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Привязать картинки к низу блока
Привет, форумчане. Появилась следующая проблема: нужно привязать картинки к низу блока. Пользуюсь.
Фон блока не прижимать к самому низу
Здравствуйте. Показалось, что все просто, но оказалось нет. В общем, между двух появляющийся.
Прилипание блока к низу экрана, когда его не видно
Всем привет. Подскажите как решить такую задачу: Есть блок <div >
152 / 151 / 67
Регистрация: 25.02.2015
Сообщений: 493
у блока сделать display:table-cell; vertical-align:bottom;
Регистрация: 07.04.2014
Сообщений: 174
способ хороший но не подходит, блоки становятся шириной контента и все валиться! Но все равно спасибо! )
152 / 151 / 67
Регистрация: 25.02.2015
Сообщений: 493
ну в порядке бреда можно еще так попробовать:
Блок обертка, внутри блок с текстом
1 2 3 4
Блок обертка{ display: flex; box-align:end; }
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Как прижать блок к низу блока, без абсолют и flex?
Как прижать блок к низу блока, без абсолют и flex?
Прижать текст в tr к низу
Здравствуйте, дано: <table> <tr style="height: 45px;"> <td>fishtext</td> .
Футер прижатый к низу, наезжает на текст
Здравствуйте, делаю сайт на котором не все страницы длинные, есть небольшие и футер висел в.
Текст по ширине блока
Здравствуйте! Есть Блок с картинкой, размер которой заранее не известен. Под картинкой лежит.
Или воспользуйтесь поиском по форуму:
Как прижать текст к низу блока?
Мужики, можно ли как-нибудь прижать текст к низу в том виде, в котором HTML, без обертываний в span, p, и div?
table-cell не помогает, тк ломаются сами родительские блоки, хотя текст к низу липнет.
Дело в том, что в этих двух блоках текст может быть как одно слово, так и в две строки.
- Вопрос задан более трёх лет назад
- 70862 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 2
Тыжверстальщик! Наверстай мне упущенное.
Как прижать элемент к низу блока css
Простейший вариант для манипуляции одного блока относительно другого решается с помощью позиционирования. Исходный HTML файл:
class="wrapper"> class="content">i am a wrapper class="inside">i am inside
Допустим необходимо блок с классом inside разместить в нижней части относительно блока с классом content:
.wrapper /* Отцентрируем блоки для экспериментов и зададим им ширину*/ margin: 100px auto; width: 300px; > .content background-color: #38d9a9; height: 200px; position: relative; > .inside /* абсолютное позиционирование */ position: absolute; /* прижимаем блок к нижней границе относительно блока с position: relative*/ bottom: 0; /* задаем ширину и цвет бэкграунда для наглядности*/ width: 100%; height: 75px; background-color: #444; > Курсы javascript
Подскажите пожалуйста как прижать текст ссылки (ссылка как блок display: inline-block) к низу.
Ну или на какое слово искать
28.10.2010, 19:52
Регистрация: 16.11.2009
Сообщений: 1,322
К низу чего?
29.10.2010, 01:46
Регистрация: 11.09.2010
Сообщений: 8,804
Вероятно к низу самой ссылки-блока (раз она блочная)
sanhai, поиграйся с line-height’ом. Для лучшего контроля можно текст обернуть в span, тогда можно уже полноценно позиционировать.
29.10.2010, 09:39
Регистрация: 19.08.2010
Сообщений: 14,109
Это не как блок. Это «как» строчный элемент.
Для продуктивного ответа нужен тестовый пример с твоей сотороны, на нём будет понятно что тебе нужно.
29.10.2010, 17:01
Регистрация: 17.03.2010
Сообщений: 60
Пример в студию>>>> http://al-test-test.narod.ru/
Надпись “Ссылка 1 и Ссылка 2” надо прижать к низу их блоков, если можно сделать через подскажите как.
29.10.2010, 18:24
Регистрация: 16.11.2009
Сообщений: 1,322
Ну хоть бы и вот так.
.block-anchor < display: inline-block; height: 50px; width: 100px; background: #ffcc88; text-align: center; position: relative; >.block-anchor-inner Ссылка Ссылка
на две строки
И сделайте что-нибудь с русским языком.
29.10.2010, 19:33
Регистрация: 17.03.2010
Сообщений: 60
С русским сложнее
« Проверка на наличие изображения | Смена CSS при обновлении страницы. »
| Похожие темы |
| Тема | Автор | Раздел | Ответов | Последнее сообщение |
| При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его | Simon | Общие вопросы Javascript | 59 | 28.05.2017 18:31 |
| Вопрос: И опять про offsetLeft. | sigurd | Общие вопросы Javascript | 11 | 04.10.2010 14:06 |
| lastChild работает в IE, как тут быть? | Puaris83 | Firefox/Mozilla | 4 | 17.04.2010 23:56 |
| раскрывающийся текст | sc2r2bey | Элементы интерфейса | 14 | 26.03.2010 12:40 |
| Вопрос по относительному позиционированию DIV | XPOMOB | (X)HTML/CSS | 11 | 15.07.2009 17:02 |