Центрированные значки с поплавком: слева

Question

Центрированные значки с поплавком: слева

0

У меня проблема с иконкой центрирования

CSS:

.icons .overview {
    position: relative;
    float: left;
    width: 16.6666666667%;
    text-align: center;
    overflow: visible;
}

.icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    cursor: help;
    margin-bottom: 20px;
}

И у меня тоже проблемы с командой.

.team-list { text-align: center; padding: 50px 0px 30px; float: left;}

Я не могу сосредоточиться.

Веб-сайт: http://www.plus-seo.pl/ Категория "Оферта" Любые идеи?

Defuzer 18 сен. 2013, в 16:16

Источник

Теги:

html

css

css3

web

3 ответа

2

Вам просто нужно заменить " float:left; " на " display:inline-block; ", потому что, задав конкретный запас для исправления выравнивания, может дать проблему в гибком макете.

Таким образом, ваш код должен быть:

.icons .overview {
    position: relative;
    display:inline-block; /*UPDATED*/
    width: 16.6666666667%;
    text-align: center;
    overflow: visible;
}

Надеюсь, это решит вашу проблему!

UID 18 сен. 2013, в 12:19

0

Спасибо :) Но пользователь 2076016 был быстрее.
Defuzer 18 сен. 2013, в 14:17

1

дайте некоторый margin-left к вашему классу обзора.

.icons .overview {
    position: relative;
    float: left;
    width: 16.6666666667%;
    text-align: center;
    overflow: visible;
    margin-left: 60px;
}

AloneInTheDark 18 сен. 2013, в 11:43

0

Спасибо! Это работает. Семь минут, чтобы принять ответ.
Defuzer 18 сен. 2013, в 14:03
0

Не могли бы вы отметить этот ответ как решение?
AloneInTheDark 18 сен. 2013, в 14:03
3

Это только временное исправление. При разных размерах браузера ваш запас скоро устареет, и у вас снова возникнет та же проблема. Это не правильный ответ ...
nemo 18 сен. 2013, в 14:07
0

Спасибо за информацию!
Defuzer 18 сен. 2013, в 14:14

Показать ещё 2 комментария

Ещё вопросы

Спасибо :) Но пользователь 2076016 был быстрее.
Спасибо! Это работает. Семь минут, чтобы принять ответ.
Не могли бы вы отметить этот ответ как решение?
Это только временное исправление. При разных размерах браузера ваш запас скоро устареет, и у вас снова возникнет та же проблема. Это не правильный ответ ...

lovos25 · Accepted Answer · 2013-09-18T11-51-00.000Z

Не плавайте элемент списка, установите их для display: inline-block.

.icons .overview {
    display: inline-block;
    overflow: visible;
    position: relative;
    width: 16.6667%;
}

Оно работает! Благодарю. Отметьте это, если можете: .team-list {text-align: center; отступы: 50px 0px 30px; плыть налево;}
По сути, это та же проблема, установите display: inline-block и вы должны быть хорошими. Может быть, вы должны немного прочитать о CSS. Например здесь . :). Кроме того, если у вас есть другой вопрос, откройте другой вопрос. Это сделано, как вы приняли это.