<img> расположение поведения
Во-первых, поскольку я думаю, что Knuth заявил, "Преждевременная оптимизация является корнем всего зла". Если Вы не должны заниматься этими проблемами, прямо сейчас тогда не делают, внимание на поставку чего-то, что работает правильно сначала. Однако если оптимизация не может ожидать.
Попытка, представляющая Ваши запросы базы данных, выясните то, что является медленным и что происходит много и придумывает стратегию оптимизации от этого.
я занялся бы расследованиями Memcached, поскольку это - то, что много более высоких сайтов загрузки использует для того, чтобы эффективно кэшировать содержание всех типов, и интерфейс объекта PHP к нему довольно хорош.
Распадающиеся базы данных среди серверов и использования своего рода метода выравнивания нагрузки (например, генерируют случайное число между 1 и # избыточные базы данных с необходимыми данными - и используют то число для определения, какой сервер базы данных соединиться с) может также быть отличный способ увеличить эффективность.
Они все удались вполне прилично в прошлом для некоторых, довольно высоко загружают сайты. Надежда это помогает получить Вас, запустила:-)
7 ответов
Если вы хотите, чтобы был встроенным элементом, вы можете использовать атрибут CSS
vertical-align , чтобы указать, как изображение будет выровнено относительно строки текста, в которой оно появляется. На этой странице есть примеры под заголовком «Выравнивание по вертикали встроенных элементов».
Ключом к обтеканию вашего текста текстом является установка атрибута float следующим образом:
img {
float:left;
display:block;
}
CSS имеет два типа отображения: атрибуты: блочный и встроенный.
Встроенный похож на текст. Он течет, заворачивается в конец коробки и тому подобное.
Блок является коротким и имеет поля, заполнение и ширину (вычисленные или производные).
В этом нет большого смысла, но на самом деле является встроенным элементом, наряду с
, и многими другими. Что происходит, так это то, что изображение фактически отображается примерно как буквы, и оно просто не имеет высоты 12pt, а может быть 130 пикселей или что-то еще у вас. Вот почему он торчит.
Declare , чтобы заставить его вести себя так, как думает большинство людей. 
Declare , чтобы заставить его вести себя так, как думает большинство людей.
Declare , чтобы заставить его вести себя так, как думает большинство людей.
Элементы IMG располагаются так же, как и любой другой встроенный элемент.
Если вам нужен больший контроль над позиционированием изображения, оберните его в DIV и управляйте позиционированием DIV. Вы можете разместить div, если хотите смешать его с вашим текстом.
Это может не иметь отношения к данному конкретному случаю (надеюсь, совет из предыдущих ответов должен решить вашу проблему), но если вы обнаружите, что получаете неожиданное дополнительное пространство вокруг элементов, убедитесь, что что вы удалили заполнение по умолчанию, поля и т. д., которые браузеры часто добавляют к элементам (и, конечно же, разные браузеры часто добавляют разное количество заполнений, полей и т. д.
Если вы убедитесь, что вы обнулили поля и отступы и т. д. используя
body { margin: 0; padding: 0; border: 0; }
в начале вашего CSS, вы затем можете добавить любые отступы, поля и т. д., не беспокоясь о том, что настройки браузера по умолчанию приведут к появлению любых непредвиденных пробелов и, надеюсь, меньшего количества несоответствий между браузерами.
То, что вы видите под img, - это пространство, необходимое для дочерней части глифа, например g или j. Изображение ведет себя так же, как буква, и сидит на базовой линии.
img
{
display: block;
}
Исправит это за вас.
Эксперимент, который может пролить свет:
<p style="font-size: 1em;">Lorem ipsum dolor <em style="font-size: 800%;">sit</em> amet.</p>
Подумайте о как изображение высотой ~ 128 пикселей (если 1em составляет 16 пикселей).