HTML, XHTML и CSS на 100%. Игорь Квинт

Читать онлайн.
Название HTML, XHTML и CSS на 100%
Автор произведения Игорь Квинт
Жанр Интернет
Серия
Издательство Интернет
Год выпуска 2010
isbn 978-5-498-07594-5



Скачать книгу

выравнивание:

      • top – выравнивание верхней границы картинки по самому высокому элементу строки;

      • texttop – выравнивание верхней границы картинки по самому высокому элементу текста;

      • middle – середина изображения выравнивается по базовой линии строки;

      • absmiddle – середина изображения выравнивается по середине строки;

      • baseline – выравнивание нижней границы изображения по базовой линии строки;

      • bottom – аналогично baseline;

      • absbottom – нижняя граница изображения выравнивается по нижней границе текущей строки.

      Примечание

      Базовая линия строки – это линия, на которой расположены все элементы. При этом некоторые буквы выступают за эту линию, например буква «р». Ее палочка заканчивается ниже базовой линии и будет самым нижним элементом строки. Заглавные буквы, наоборот, выступают сверху этой линии.

      В листинге 4.3 приведены примеры выравнивания картинок относительно текста по вертикали.

Листинг 4.3. Выравнивание картинки по вертикали

      <html>

      <head>

      <title>Встраивание изображения</title>

      </head>

      <body>

      <img src="image.jpg" width="70" align="top"/>Выравнивание по самому верхнему элементу в строке<br/>

      <img src="image.jpg" width="70" align="absbottom"/>Нижняя граница изображения выравнивается по нижней границе текущей строки<br/>

      <img src="image.jpg" width="70" align="bottom"/>Нижняя граница изображения выравнивается по базовой линии строки<br/>

      Конец ознакомительного фрагмента.

      Текст предоставлен ООО «ЛитРес».

      Прочитайте эту книгу целиком, купив полную легальную версию на ЛитРес.

      Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.

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