petroff

Отступы от fontawesome одинакового размера. Как сделать?

6 posts in this topic

Выглядит это сейчас примерно так 

Регистрация не нужна, просто мышкой кликнуть на пустое поле

Как делаются ровные отступы? Пока вижу решение только при помощи фиксированный ширины

Share this post


Link to post
Share on other sites
11 минуту назад, petroff сказал:

Выглядит это сейчас примерно так 

Регистрация не нужна, просто мышкой кликнуть на пустое поле

Как делаются ровные отступы? Пока вижу решение только при помощи фиксированный ширины

htmlbook в помощь

Share this post


Link to post
Share on other sites
3 минуты назад, vitaliiigoreviz78 сказал:

htmlbook в помощь

Чё ты мне дичь всякую подсовываешь? Давай сделай маргинами одинаковые отступы от иконок разного размера

Share this post


Link to post
Share on other sites
12 часа назад, petroff сказал:

Чё ты мне дичь всякую подсовываешь? Давай сделай маргинами одинаковые отступы от иконок разного размера

Справедливости ради, html состоит не только лишь из отступов. 

Грубо говоря, одно из сотен решений (а в html иначе не бывает) - флексбокс: 

.fa {
  display: inline-flex !important;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

 

petroff likes this

Share this post


Link to post
Share on other sites
42 минуты назад, DevilStar сказал:

Справедливости ради, html состоит не только лишь из отступов. 

Грубо говоря, одно из сотен решений (а в html иначе не бывает) - флексбокс: 


.fa {
  display: inline-flex !important;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

 

Ну собственно, в первом посте про это и писал, задавать фиксированный размер и выравнивать по центру. Тогда вопрос закрыт. Я думал, что-то пропустил, где все решается одной строчкой 

На сайте нашел почти тоже самое

Цитата

Используйте класс fa-fw для того, чтобы задать фиксированную ширину иконкам. Прекрасно подходит для тех случаев, когда различная ширина иконок мешает правильному выравниванию. Особенно полезно при использовании иконок в навигации и списках групп.

 

Share this post


Link to post
Share on other sites

Пока ставил иконки на один сайт, вспомнил, что начинал писать свои кнопки поделиться в соцсетях. Доделал, поставил на вордпресс, ожидаемо иконки уехали вправо. Css, который работает на одном вордпресс сайте, не работает на другом. Ну это как раз понятно. И так уже лет 7 я с этими иконками борюсь. Сначала с глификонами, потом нашел прекрасные иконки фонтелло, сейчас вот font awesome. И везде проблемы с версткой. И решения проблем иногда в моей голове не укладываются совсем. Вопрос что делать. Ответ: учить css сходить за пивасиком

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.