Как выровнять теги в блоке по вертикали.
Приветствую. Вопрос в заголовке. Приведу пример: есть таблица высотой 200px, в ней от содержится от 1-ой до 10-ти ссылок, ссылки наделены свойством display:block, все они автоматически выравниваются по вертикали в ячейке в не зависимости от их количества. Вопрос: как выровнять ссылки по вертикали не в таблице, а в блоке в не зависимости от их количества?
На сайте с 31.05.2009
26 октября 2013, 18:59
vertical-align:middle; — для блока естественно
Опыт как иммунитет — приобретается в муках! Хостинг: экономия до 1300 руб + домен в подарок ( https://clck.ru/XLscf ) / Аудит семантики от 15К [долго] — ЛС
На сайте с 07.02.2013
26 октября 2013, 19:05
samimages:
vertical-align:middle; — для блока естественно
Сколько раз я пробовал — эта тема у меня не работает. Вот код:
.xxx border:1px solid;
padding:10px;
margin:10px;
height:200px;
vertical-align: middle;
>
a display: block;>
111
222
333
444
555
Что не так?
На сайте с 18.06.2010
26 октября 2013, 19:29
рецидивист, вертикал алижен не работает для блоков. Задайте вашему div’у: Display: table-cell; vertical-align:middle; Так будет работать
Самая трендовая ПП года — билеты на автобус (/ru/forum/885898)
На сайте с 07.02.2013
26 октября 2013, 19:33
rod-on:
рецидивист, вертикал алижен не работает для блоков. Задайте вашему div’у:
Display: table-cell;
vertical-align:middle;
Так будет работать
Спасибо. Жаль для до IE8 не работает. Есть к/н костыли?
На сайте с 28.05.2010
26 октября 2013, 19:52
рецидивист:
Спасибо. Жаль для до IE8 не работает.
Есть к/н костыли?
попробуйте погулять с line-height, но не уверен.
Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
На сайте с 13.09.2013
27 октября 2013, 03:53
Все эти фишки не будут работать в IE и манипуляции с display || vertical-align весьма не желательны в принципе. Делать надо так
.xxx <
border:1px solid;
height:200px;
line-height:200px; /*бинго*/
>
==== или для извращенцев
.xxx <
height:200px;
position:relative;
>
.xxx a <
position:absolute;
top:50%;
height:13px; line-height:13px; /*размер шрифта*/
margin-top:-13px;
>
На сайте с 26.04.2013
27 октября 2013, 04:08
Если вопрос с высоте, то тогда не проще ли будет сократить/увеличить кол-во ссылок? А про выравнивание — не забывайте о наследовании в css
На сайте с 07.02.2013
27 октября 2013, 05:36
provice:
Все эти фишки не будут работать в IE и манипуляции с display || vertical-align весьма не желательны в принципе.
Делать надо так
====
или для извращенцев
ну, это годится только для одной записи с заранее известной высотой, а не для случайного количества.
elina732:
Если вопрос с высоте, то тогда не проще ли будет сократить/увеличить кол-во ссылок? А про выравнивание — не забывайте о наследовании в css
CSS как выровнять ссылки и кнопки
В блоке навигации у меня несколько ссылок и кнопок с выпадающим меню с ссылками. Я хочу, чтобы кнопки и ссылки были на одной линии и одинаковой высоты (внезапно!).
Пробую это делать через padding , но они все равно не на одной линии. Еще и в разных браузерах по разному. В firefox они одного размера, но немного не по линии, а в chromium/safari они еще и разного размера. Как универсально выровнять?
Kharjo
13.11.23 11:04:32 MSK
- Ответить на это сообщение
- Ссылка
Выровнять ссылки по центру с фиксированной шириной
Нет такой вариант выравнивает их по центру и они выстраиваются в ряд, а мне нужно одна под другой тоесть вертикально.
19 мая 2016 в 16:29
@ConstantineShibaev, т. е. как вертикально? А в условие это не нужно написать?
– user207618
19 мая 2016 в 16:31
@Constantine Shibaev, согласен, вы не написали это в задании. Вот так подойдет?
19 мая 2016 в 16:31
@Levelleor согласен затупил в условии не указал, даже при условии display: block; text-align: center; и если я ко всему этому ставлю фиксированную высоту как мне нужно они все равно расплываются в одну линию по горизонтали, вот что я имел в виду, прошу прощения за неадекватное изложение мысли (голова уже пухнет)
19 мая 2016 в 16:37
@Constantine Shibaev, расплываются по горизонтали? Этот код ставит их ровно в столбик по середине. Может вы у себя намудрили с стилями? Кстати если будете использовать подобный метод то выберите лучше вариант товарища «Other», я поленился сделать подобное.
Как центрировать ссылку?
Почему не применяется text-align: center к ссылке. Или каким еще способом можно выровнять ссылку по центру?
1 2 3
div class="group-item"> a href="#">Матрасы/a> /div>
1 2 3 4 5
.group-item a{ font-size: 18px; color: #333333; text-align: center; }
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Как центрировать блок?
вот такой вот банальный вопрос. думаю центрировать див, путем position:absolute, как это делаю я -.
Как центрировать слайд-шоу?
Несколько часов провозился, никак не получается настроить вывод слайд-шоу по центру. 1. Модуль.
Как центрировать сайт (фото)
Здравствуйте. Такой вопрос, сайт: http://dom-sovetov.com.ua Ставил шаблон не адаптирован под.
Как центрировать блоки по горизонтали динамически
Как центрировать их по горизонтали ? http://jsfiddle.net/WThV5/289/ .container < .