Закрыть ... [X]

09:30 01.10.2009
Как размешать текст и картинки в одной строке?
Очередное дополнение в Порой при написании сообщения в дневнике надо в одной строке разместить картинку и текст. И вот как сделать это красиво?
В этом нам поможет вот этот атрибут "align" (про него можно прочитать тут в примечании №2) и вот этот квадратик:
Процитирую полностью указанное примечание:
Для выравнивания только картинки, атрибут "align" можно добавить в её код.
Например (выравниваем направо):
<img src="http://img1.liveinternet.ru/images/attach/c/1//49/319/49319291_001.png" align="right" />
Чуть ниже привёл все значения этого атрибута.

1. align="left" - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.


2. align="right" - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.


3. align="top" или align="texttop" - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.


4. "align=middle" – выравнивает базовую линию текущей текстовой строки с центром изображения.


5. "align=absmiddle" – выравнивает центр текущей текстовой строки с центром изображения


6. "align=bottom" и "align=baseline" – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.


7. "align=absbottom" – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.


Примечание:
Базовая линия (baseline или bottom) - это нижняя часть линии текста, которая проводиться без учёта нижней части (descender) некоторых символов, html как сделать текст на одной строке например, букв типа j, q, y. В отличии от выравнивания по базовой линии, при задании значения absbottom выравнивание выполняется по нижней части самого низкого элемента в строке, т.е. по одному из символов строки, имеющему элементы, лежащие ниже базовой линии. Аналогично обстоит дело с различием между параметрами top и texttop.
LI 5.09.15

read more at Rost

rss2lj


Источник: http://r0st.livejournal.com/365917.html


Поделись с друзьями



Рекомендуем посмотреть ещё:



Как разместить два слова на одной строке, чтобы одно. - HtmlBook Самодельный якорь для лодки резиновой


Html как сделать текст на одной строке Html как сделать текст на одной строке Html как сделать текст на одной строке Html как сделать текст на одной строке Html как сделать текст на одной строке Html как сделать текст на одной строке Html как сделать текст на одной строке

ШОКИРУЮЩИЕ НОВОСТИ