Выравнивание объектов.

Купить рекламу

Шины и диски для настоящих боссов дороги;

Обновить | Подписаться | Поднять тему

Чтобы выполнить действие авторизируйтесь или пройдите регистрацию на сайте.

Денис Павлик

11.03

[автор] (29 май 2016, 16:46) [0/0] [0] [отв] [спам] [под] +1 | -1

Наверное, вы знаете, что для того, чтобы выравнить текст и изображение достаточно использовать свойство vertical-align:middle

В моём случае используются шрифтовые изображения и им такое свойство не применить. Даже центрирование не помогает.

Ниже скрин. На скрине кнопка, в которой шр.иконка и текст, которые необходимо выравнить.
Добавлено 29.05.16 в 16:49:03:
........

Прикрепленные файлы:

PROFIWM_COM_3539_1562845_fa-fw.png (125.97 кб)

Snoop Dogg

0.37

(29 май 2016, 16:50) [0/0] [0] [отв] [спам] [под] +1 | -1

"В моём случае используются шрифтовые изображения и им такое свойство не применить. "

А если применить к кнопке?

Денис Павлик

11.03

[автор] (29 май 2016, 16:53) [0/0] [0] [отв] [спам] [под] +1 | -1

Snoop Dogg,

Пробывал.

Snoop Dogg

0.37

(29 май 2016, 16:55) [0/0] [0] [отв] [спам] [под] +1 | -1

Вдобавок, размер должен зависеть от размера основного текста, так как большая часть иконок размещается прямо в тексте – например, внутри кнопки или как часть элемента навигации. Использование той же высоты упрощает выравнивание иконок и текста (к примеру, нужны иконки 16 px для размера шрифта 16 px).
http://sketchapp.me/shriftovye-ikonki-v-sketch-i-grunt/
Добавлено 29.05.16 в 16:56:55:
Увеличить шрифт, либо уменьшить иконку.

Денис Павлик

11.03

[автор] (29 май 2016, 17:00) [0/0] [0] [отв] [спам] [под] +1 | -1

Snoop Dogg,

Изменение размеров не подходит. Нужен другой вариант.

Snoop Dogg

0.37

(29 май 2016, 17:01) [0/0] [0] [отв] [спам] [под] +1 | -1

Денис Павлик,

Скинешь сюда как найдешь.