Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Alex Polyakh
@PolyakhAleksandr
JavaScript
HTML
CSS
Вёрстка
Лучший способ центрирования картинки напротив текста по центру, в не зависимости от изменения размера шрифта, картинка по центру?
Помогите пожалуйста, когда делаю через float, часть текста прыгает под картинку.
Вопрос задан
более трёх лет назад
200 просмотров
1
комментарий
Подписаться
1
Оценить
1
комментарий
Facebook
Вконтакте
Twitter
Lynn «Кофеман»
@Lynn
РаСпродажа :-)
Написано
более трёх лет назад
Решения вопроса
2
Максим
@LenovoId
svg, css,js
код бы выложили на codepen что ли , это вроде не сложно но не ясно что Вы имеете ввиду
Ответ написан
более трёх лет назад
3
комментария
Нравится
2
3
комментария
Facebook
Вконтакте
Twitter
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
вот пожалуйста
codepen.io/PolyakhAlex/pen/zBLNEr
Написано
более трёх лет назад
Максим
@LenovoId
Александр Полях
:
codepen.io/Geyan/pen/bZjgKA?editors=0100
вот так вернее
Написано
более трёх лет назад
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Максим Жаров
: Да все работает спасибо!
Написано
более трёх лет назад
Андрей Федоров
@aliencash
Партизан
В данном случает предлагаю использовать list-style-image: url('red_triangle.png'); т.е. картинку в место маркера для элемента списка.
В вашем примере достаточно картинке и тексту добавить vertical-align: middle;
codepen.io/aliencash/pen/BzPpJW
Ответ написан
более трёх лет назад
11
комментариев
Нравится
1
11
комментариев
Facebook
Вконтакте
Twitter
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Андрей, спасибо Вам. Скажите пожалуйста а если это не элемент списка, обычный span и рядом нужна картинка?!
Написано
более трёх лет назад
Андрей Федоров
@aliencash
Александр Полях
: Я бы делал на flex, это стало уже так привычно, что ничего другого не хочется. Так же есть вариант с использованием line-height.
Написано
более трёх лет назад
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Андрей Федоров, мне сказали IE9-10 тутflex мне не поможет((
Написано
более трёх лет назад
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Андрей Федоров, опишите пожалуйста как решить эту проблему с помощью line-height!?
Написано
более трёх лет назад
Максим
@LenovoId
Александр Полях
:
codepen.io/Geyan/pen/grjgZw
вот так вроде
Написано
более трёх лет назад
Андрей Федоров
@aliencash
Александр Полях
: Да, но кто сейчас в ie9-10 сидит? меньше одного процента...
Написано
более трёх лет назад
Андрей Федоров
@aliencash
Александр Полях
: Максим вам уже подсказал
Написано
более трёх лет назад
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Андрей Федоров
: Андрей Федоров, мне сказали делать под IE9-10((, c флексом мне проще это все делать. опишите пожалуйста как решить эту проблему с помощью line-height!?
Написано
более трёх лет назад
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Максим Жаров
: Спасибо Вам, и так работает!
Написано
более трёх лет назад
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Максим Жаров
: Знаю, что глупо задал вопрос но по другому не знаю как, помогите пожалуйста по этому вопросу!
Необходимо сверстать PerfectPixel+Bootsrrap3, размер макета с контентом 1500+. container-fluid дать ему max-width?
Написано
более трёх лет назад
Alex Polyakh
@PolyakhAleksandr
Автор вопроса
Андрей Федоров
: Да я видел, спасибо!
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
15 часов назад
59 просмотров
1
ответ
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
16 часов назад
260 просмотров
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
18 часов назад
93 просмотра
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
вчера
65 просмотров
1
ответ
Вёрстка
Простой
Проблема с версткой сайта?
нет подписчиков
вчера
425 просмотров
0
ответов
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
вчера
70 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
вчера
70 просмотров
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
151 просмотр
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
161 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
161 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама