Удаление пробела между элементами HTML при использовании разрывов строки
Трассировка входит в систему отдельная таблица (со столбцом ID, возможно с метками времени)?
Вы собираетесь хотеть отменить изменения также - возможно, предварительно создают оператор отмены (УДАЛЕНИЕ для каждой ВСТАВКИ, (не-) ОБНОВЛЕНИЕ для каждого нормального ОБНОВЛЕНИЯ) и сохраняют это в трассировке?
6 ответов
Вы можете использовать CSS. Установка display: block или float: left на изображениях позволит вам определить свой собственный интервал и отформатировать HTML так, как вы хотите, но повлияет на макет способами, которые могут или не могут быть подходящими.
В противном случае вы имеете дело с встроенный контент, поэтому важно форматирование HTML - изображения будут действовать как слова.
У вас есть два варианта без приблизительных действий с CSS. Первый вариант - использовать javascript для удаления дочерних элементов, содержащих только пробелы, из тегов. Однако более приятным вариантом является использование того факта, что пробелы могут существовать внутри тегов, не имея смысла. Вот так:
<div id="[divContainer_Id]"
><img src="[image1_url]" alt="img1"
/><img src="[image2_url]" alt="img2"
/><img src="[image3_url]" alt="img3"
/><img src="[image4_url]" alt="img4"
/><img src="[image5_url]" alt="img5"
/><img src="[image6_url]" alt="img6"
/></div>
Вы можете использовать комментарии.
<img src="..." alt="..."><!--
--><img src="..." alt="..."><!--
--><img src="..." alt="..."><!--
--><img src="..." alt="...">
Я бы побеспокоился о семантике размещения ряда изображений рядом.
Использование CSS стилей для решения этой проблемы как следующий код.
[divContainer_Id] img
{
display:block;
float:left;
border:0;
}
Тестирование в Firefox 3.5 Final!
PS. вашему HTML должно понравиться это.
<div id="[divContainer_Id]">
<img src="[image1_url]" alt="img1" />
<img src="[image2_url]" alt="img2" />
<img src="[image3_url]" alt="img3" />
<img src="[image4_url]" alt="img4" />
<img src="[image5_url]" alt="img5" />
<img src="[image6_url]" alt="img6" />
</div>
Могу ли я что-нибудь сделать, кроме разрыва между тегами, а не между ними?
Не совсем. Поскольку являются встроенными элементами,
С семантической точки зрения, не лучше ли использовать упорядоченный или неупорядоченный список, а затем соответствующим образом стилизовать его с помощью CSS?
<ul id="[UL_ID]">
<li><img src="[image1_url]" alt="img1" /></li>
<li><img src="[image2_url]" alt="img2" /></li>
<li><img src="[image3_url]" alt="img3" /></li>
<li><img src="[image4_url]" alt="img4" /></li>
<li><img src="[image5_url]" alt="img5" /></li>
<li><img src="[image6_url]" alt="img6" /></li>
</ul>
Используя CSS, вы ' Я смогу оформить это так, как вы хотите, и убрать пробелы между книгами.