Хранение пущенного в ход изображения в отделении с CSS
Я думаю, что это является хорошим доказательством и того, что Табло использует графства переписи, а не BEA.
В примере ЗДЕСЬ упоминаются два округа: округ Альбемарль и город Шарлоттсвилль, представленные в кодах BEA как единое целое.
Когда мы строим эти графства в Таблице, мы видим, что они на самом деле являются двумя отдельными графствами.
Если вы хотите использовать обозначения округа BEA, вы можете либо манипулировать данными до их переноса в Таблицу или в Таблицу с помощью групп. [ 1113]
Создать группу
Добавить округа в группу
[117 ] Теперь у нас есть только один округ
Надеюсь, это поможет. Удачи!
5 ответов
Более традиционный путь (кроме очистки) состоит в том, чтобы установить водосливное свойство содержания отделения к скрытому.
<div style="border-bottom: solid 1px silver; overflow: hidden;">
<img src="photo3.jpg" style="float: left">
<div>Some text about the photo3</div>
</div>
Иногда, IE6 не соблюдает установку, и необходимо обратиться к взлому cLFlaVA.
Плавание элемента вынимает его из потока документа, поэтому это не займет место в общем потоке при рендеринге на экране. Существуют другие способы обработать это, но вот взлом:
<div id="ListOfTextAndPhotos">
<div style="border-bottom: solid 1px silver;">
<img src="photo.jpg" style="float: left">
<div style="clear:both;">Some text about the photo</div>
</div>
<div style="border-bottom: solid 1px silver;">
<img src="photo2.jpg" style="float: left">
<div style="clear:both;">Some text about the photo2</div>
</div>
<div style="border-bottom: solid 1px silver;">
<img src="photo3.jpg" style="float: left">
<div style="clear:both;">Some text about the photo3</div>
</div>
</div>
Быстрый и грязный способ сделать это состоял бы в том, чтобы пустить в ход содержание отделения также.
Добавление <div style="clear:both;"></div> полный взлом и уничтожает Вашу способность передумать позднее. Правильные решения состоят в том, чтобы использовать чистую CSS с overflow: hidden; или zoom: 1;.
Однако существует немного больше к нему, чем просто добавляющее переполнение: скрытый, поскольку необходимо будет также удостовериться, что содержание блока имеет атрибуцию ширины также.
Я также хотел бы указать, что в вышеупомянутом вопросе и утвержденном ответе, какой был смысл плавания изображения во-первых, если тексту сразу говорят очистить его?
У меня была подобная проблема здесь, где мои изображения переполняли моего отделения:
<идентификатор отделения = "предложение"> <класс отделения = "внутренний"> <img src = "offer.png" высокий звук = "">
где у меня должно было быть свое изображение float:right; так, чтобы текст появился на левой стороне его и заполнил пространство. Я не мог выяснить, почему heck это переполнится как этот, но "быстрый и грязный" метод tj111 создания #offer {плавание: left/right/upmycornhole;} полностью решил проблему и не изменил местоположение отделения, так как содержание отделения в обертке, которая фиксирует его на странице.
Спасибо tj Вы - жизненное средство сохранения!!!