Jump to content

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


Recommended Posts

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

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

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

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!

11 минуту назад, petroff сказал:

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

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

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

htmlbook в помощь

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

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

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

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

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

 

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 для того, чтобы задать фиксированную ширину иконкам. Прекрасно подходит для тех случаев, когда различная ширина иконок мешает правильному выравниванию. Особенно полезно при использовании иконок в навигации и списках групп.

 

Link to post
Share on other sites

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...