Браузер интерпретирует разрывы строк в коде как пробелы (HTML) - PullRequest
1 голос
/ 01 марта 2010

У меня есть 6 изображений размером 50x50, которые должны умещаться в 300px div (50 * 6 = 300). В своем коде я пишу их следующим образом:

<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />
<img src="foo.png" />

Обратите внимание на разрывы строк между тегами изображений. Я пишу их так для ясности. Проблема в том, что когда я тестирую страницу в браузере - изображения не помещаются, потому что браузер добавляет пробел для каждого разрыва строки, поэтому я получаю нечто вроде этого:

[img][space][img][space][img][space][img][space][img][space][img][space]

вместо:

[img][img][img][img][img][img]

Я могу легко удалить разрывы строк из моего html, но это делает мой код намного менее читабельным. Я работаю в Ruby on Rails 2.3 - если есть вспомогательная функция для удаления пробелов, я не возражаю против этого.

Мне было интересно, знает ли кто-нибудь, как мне этого избежать.

Спасибо!

Ответы [ 2 ]

3 голосов
/ 01 марта 2010

Если вы используете помощник image_tag, вы можете сделать

-%> не будет включать пробелы в выводе.

1 голос
/ 01 марта 2010

Поместите ваши изображения в <div class="images"> и установите ваши правила CSS на div.images img { float: left }.

...