Inline-block галерея или как убрать margin

@Corjik · Регистрация: 28.06.2015

Author24 — интернет-сервис помощи студентам

Добрый вечер!
Необходима фотогалерея.
На просторах интернета нашел 2 популярных способа - float and inline-block.
Плюсы и минусы обеих понял, и выбрал для себя inline-block.
Вопрос: Необходим margin 0 30 10 0. Но блоки съезжают вниз. Как сделать горизонтальные отступы 30 и прижать 5 и 4 блоки к левой границе ul?

Inline-block галерея или как убрать margin

CSS

ul.playlist_gallery {
    width: 1170px;
    height: 566px;
    margin: 24px 0 0 0 ;
    display: block;
    background-color: green;
    font-size: 0;
}
ul.playlist_gallery li {
    display: inline-block;
    width: 270px;
    height: 270px;
    background-color: white;
    margin: 0 22px 10px 0;
}

@Fedor92 · 16.09.2015, 10:45

Не по теме:

Сообщение от Sn1p3rOk

Fedor92, можно я задам такой "детский" вопрос, возможно даже немножко глупый, что случится если я в данном макет задам max-width ?

У меня тоже "детский вопрос": а зачем Вы в предыдущем посте меня просили пояснять, почему я считаю max-width костылём?
Делайте, что хотите... У меня уже мосх визжит, что-то объяснять или доказывать, тем более, что я не обязан этого делать... :)

@xDanbo · 16.09.2015, 11:07

Добрый вечер!
Необходима фотогалерея.
На просторах интернета нашел 2 популярных способа - float and inline-block.
Плюсы и минусы обеих понял, и выбрал для себя inline-block.

Вот вам третий http://frontender.info/a-guide-to-flexbox/

@Fedor92 · 16.09.2015, 11:47

Сообщение от xDanbo

Вот вам третий http://frontender.info/a-guide-to-flexbox/

Наверно самый оптимальный...

@Sn1p3rOk · 16.09.2015, 16:31

Сообщение от Fedor92

У меня уже мосх...

Прежде чем вводить в популяции придуманные вами правила стоит подучить русский язык. Стыдно не знать родной язык...

Сообщение от Fedor92

а зачем Вы в предыдущем посте меня просили пояснять, почему я считаю max-width костылём?

Наверное, надеялся услышать внятный ответ по этому поводу, но с сожалению такого не увидел... ПОЧЕМУ это костыль так и не выяснили... Не хочу дальше продолжать дискуссию по этому поводу, останемся при своих мнениях. Добра и удачи вам

@Fedor92 · 16.09.2015, 17:33

Сообщение от Sn1p3rOk

Стыдно не знать родной язык...

Улыбнуло...

А где же ссылка на вики или словарь Ожегова?

Сообщение от Sn1p3rOk

ПОЧЕМУ это костыль так и не выяснили...

Я не виноват, что Вы непрошибаемый...

Резиновая вёрстка используется для адаптации элементов страницы сайта при изменении разрешения или при масштабировании для того, чтобы не ограничивать его ширину и высоту... Используя max-width в резиновой вёрстке - это значит лишение элемента резиновости, как таковой... Проще задать изначально фиксированную ширину и не париться... Поэтому я и назвал использование max-width(вне медиа-запросов) для резиновой вёрстки костылём... Это крайне не рационально... Такие величины как max и min-width имеет смысл использовать в фиксированной, на крайний случай гибридной вёрстке... Если и это Вам не понятно - тогда я умываю руки...
Успехов в вёрстке...

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	16.09.2015, 11:47	23
	Сообщение от xDanbo Вот вам третий http://frontender.info/a-guide-to-flexbox/ Наверно самый оптимальный... 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	16.09.2015, 17:33	25
	Сообщение от Sn1p3rOk Стыдно не знать родной язык... Улыбнуло... А где же ссылка на вики или словарь Ожегова? Сообщение от Sn1p3rOk ПОЧЕМУ это костыль так и не выяснили... Я не виноват, что Вы непрошибаемый... Резиновая вёрстка используется для адаптации элементов страницы сайта при изменении разрешения или при масштабировании для того, чтобы не ограничивать его ширину и высоту... Используя max-width в резиновой вёрстке - это значит лишение элемента резиновости, как таковой... Проще задать изначально фиксированную ширину и не париться... Поэтому я и назвал использование max-width(вне медиа-запросов) для резиновой вёрстки костылём... Это крайне не рационально... Такие величины как max и min-width имеет смысл использовать в фиксированной, на крайний случай гибридной вёрстке... Если и это Вам не понятно - тогда я умываю руки... Успехов в вёрстке... 0

@Fedor92
	16.09.2015, 10:45 Inline-block галерея или как убрать margin #21
	Не по теме: Сообщение от Sn1p3rOk Fedor92, можно я задам такой "детский" вопрос, возможно даже немножко глупый, что случится если я в данном макет задам max-width ? У меня тоже "детский вопрос": а зачем Вы в предыдущем посте меня просили пояснять, почему я считаю max-width костылём? Делайте, что хотите... У меня уже мосх визжит, что-то объяснять или доказывать, тем более, что я не обязан этого делать... :) 0

@xDanbo 15 / 15 / 7 Регистрация: 12.04.2014 Сообщений: 101
	16.09.2015, 11:07	22
	Добрый вечер! Необходима фотогалерея. На просторах интернета нашел 2 популярных способа - float and inline-block. Плюсы и минусы обеих понял, и выбрал для себя inline-block. Вот вам третий http://frontender.info/a-guide-to-flexbox/ 2

@Sn1p3rOk 287 / 174 / 86 Регистрация: 19.04.2014 Сообщений: 1,095
	16.09.2015, 16:31	24
	Сообщение от Fedor92 У меня уже мосх... Прежде чем вводить в популяции придуманные вами правила стоит подучить русский язык. Стыдно не знать родной язык... Сообщение от Fedor92 а зачем Вы в предыдущем посте меня просили пояснять, почему я считаю max-width костылём? Наверное, надеялся услышать внятный ответ по этому поводу, но с сожалению такого не увидел... ПОЧЕМУ это костыль так и не выяснили... Не хочу дальше продолжать дискуссию по этому поводу, останемся при своих мнениях. Добра и удачи вам 0