Выровнять текст в ячейках по вертикали используя стили / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выровнять текст в ячейках по вертикали используя стили

10 сообщений из 10, страница 1 из 1

Выровнять текст в ячейках по вертикали используя стили

#38558116

alikon1

Гость

Код: css

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

<style type="text/css">
.price_full_prod {
float: left;
margin: auto;
width: 70px;
height: 48px;
}
span.price_full {
text-align: center;
display: block;
margin-bottom: 5px;
}
span.price {
color: #990000;
white-space: nowrap;
}
</style>

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.

<div style="border: 1px solid #000; display: inline-block;">
	<div class="price_full_prod">
		<span class="price_full">
			<span class="price">1000</span>
		</span>
	</div>
</div>

<div style="border: 1px solid #000; display: inline-block;">
	<div class="price_full_prod">
		<span class="price_full">
			<span class="price" style="text-decoration: line-through;">1000</span>
		</span>
		<span class="price_full">
			<span class="price">555</span>
		</span>
	</div>
</div>

Как редактируя только стили выровнять текст в ячейках по вертикали?

...

Рейтинг:

0 / 0

12.02.2014, 10:22

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558124

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

ячейки они в таблицах.
а тут где ячейки?

...

Рейтинг:

0 / 0

12.02.2014, 10:27

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558133

alikon1

Гость

Паганельячейки они в таблицах.
а тут где ячейки?
Я не специалист в терминологии) Имелись ввиду эти слои-блоки прямоугольные.

...

Рейтинг:

0 / 0

12.02.2014, 10:31

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558148

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

да я не про терминологию. просто http://htmlbook.ru/css/vertical-align для ячеек таблиц изначально задумывался
(если мне склероз не изменяет)

...

Рейтинг:

0 / 0

12.02.2014, 10:42

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558201

alikon1

Гость

Паганельда я не про терминологию. просто http://htmlbook.ru/css/vertical-align для ячеек таблиц изначально задумывался
(если мне склероз не изменяет)
И если это не таблица, то никак по вертикали не выравнять теперь?

...

Рейтинг:

0 / 0

12.02.2014, 11:30

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558218

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

там внизу комментарии почитайте

...

Рейтинг:

0 / 0

12.02.2014, 11:43

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558303

alikon1

Гость

Паганельтам внизу комментарии почитайте
Я уже пробовал display:inline-block; vertical-align:middle; line-height;, но ничего не вышло.

...

Рейтинг:

0 / 0

12.02.2014, 12:23

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558309

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

из комментариевесли выравниваемому объекту задать display: table-cell, а родителю display: table, то работеатпробуйте

...

Рейтинг:

0 / 0

12.02.2014, 12:26

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558331

alikon1

Гость

Паганельиз комментариевесли выравниваемому объекту задать display: table-cell, а родителю display: table, то работеатпробуйте

Код: css

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

<style type="text/css">
.price_full_prod {
width: 70px;
height: 48px;
display: table;
}
span.price_full {
text-align: center;
display: table-cell;
vertical-align: middle;
}
span.price {}
</style>

Если меняю у price_full display: block на table-cell, то значения идут в линию, а не друг под другом.

...

Рейтинг:

0 / 0

12.02.2014, 12:42

| Ответить | Цитировать | Написать

Выровнять текст в ячейках по вертикали используя стили

#38558349

Паганель

Участник

Откуда: Винница

Сообщения: 22 663

Рейтинг: 0 / 0

тогда я не знаю что делать. возможно, придется-таки таблицами

...

Рейтинг:

0 / 0

12.02.2014, 12:50

| Ответить | Цитировать | Написать

10 сообщений из 10, страница 1 из 1

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=38558331&tid=1447406]:	0ms
get settings:	6ms
get forum list:	10ms
check forum access:	2ms
check topic access:	2ms
track hit:	152ms
get topic data:	9ms
get forum data:	2ms
get page messages:	39ms
get tp. blocked users:	1ms
others:	224ms

total:	447ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы