Непонятные отступы

@egorov99 · Регистрация: 28.01.2018

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

Доброго времени суток. Примерно месяц назад начал изучать верстку сайтов, недавно скачал готовый сайт, чтобы попробовать разобраться в коде и наткнулся на такую проблему: когда я просто начал делать код более читабельным (ставить табы и энтеры) сайт начал "ехать", т. е. кое-где начали ставиться отступы непонятно откуда, кое-где просто переходы на новую строку. Так же пробовал прогонять его через различные сервисы, которые делают код более читабельным (HTML Beautifier) и та же проблема. Заранее спасибо за помощь.

@nooclik · 29.01.2018, 19:00

Вы бы может код показали...

@iPIPka · 31.01.2018, 18:57

Возможно разметка этих "плывущих" элементов основана на display: inline-block
Тогда пробелы (табы, переносы строк) в разметке приводят к переполнению "строк" по ширине и лишним переносам.
Для подробностей можно загуглить "inline-block отступы"

Или разметку + стили в студию

@Htext · 02.02.2018, 16:03

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

ставить табы и энтеры

Между

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

элементов основана на display: inline-block

при наличии переносов, в частности, образуется маленький пробел. Видимо, эти пробелы приводят к смещению блоков. Вот пример, как можно убрать перенос и сделать код более читаемым в подобных случаях. Исходно:

HTML5

1	<div style="display: inline-block; width:200px">text1</div><div style="display: inline-block; width:200px">text2</div>

Делаем перенос строки для читаемости:

HTML5

1 2	<div style="display: inline-block; width:200px">text1</div> <div style="display: inline-block; width:200px">text2</div>

это приведет к появлению небольшого пробела между блоками. Решение (одно из):

HTML5

1 2	<div style="display: inline-block; width:200px">text1</div>< div style="display: inline-block; width:200px">text2</div>

@egorov99 0 / 0 / 0 Регистрация: 28.01.2018 Сообщений: 1
		1
	Непонятные отступы 28.01.2018, 22:29. Показов 722. Ответов 3 Метки нет (Все метки) Доброго времени суток. Примерно месяц назад начал изучать верстку сайтов, недавно скачал готовый сайт, чтобы попробовать разобраться в коде и наткнулся на такую проблему: когда я просто начал делать код более читабельным (ставить табы и энтеры) сайт начал "ехать", т. е. кое-где начали ставиться отступы непонятно откуда, кое-где просто переходы на новую строку. Так же пробовал прогонять его через различные сервисы, которые делают код более читабельным (HTML Beautifier) и та же проблема. Заранее спасибо за помощь. 0

@nooclik 33 / 31 / 18 Регистрация: 05.07.2014 Сообщений: 230
	29.01.2018, 19:00	2
	Вы бы может код показали... 0

@iPIPka 39 / 39 / 5 Регистрация: 06.02.2011 Сообщений: 123
	31.01.2018, 18:57	3
	Возможно разметка этих "плывущих" элементов основана на display: inline-block Тогда пробелы (табы, переносы строк) в разметке приводят к переполнению "строк" по ширине и лишним переносам. Для подробностей можно загуглить "inline-block отступы" Или разметку + стили в студию 0

Опции темы