1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Javascript + CSS
::
• блок
• текст
• линк
• меню
• фото
• окно
• кнопка
• фон
• видео
• таблица
ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. ФЕВРАЛЬ >>>
HTML ↴
Таблица с помощью div (CSS)
строка 1
строка 2
строка 3
Значение
inline-block
генерирует блочный элемент с поведением строчного элемента. Другими словами, элемент становится строчным «снаружи» и блочным «внутри»: по отношению к внешним элементам, соседям и предкам, он ведёт себя как строчный (
inline
), а по отношению к потомкам — как блок (
block
). При этом он приобретает следующие свойства строчных элементов: может размещаться на одной строке с себе подобными; по умолчанию имеет ширину по содержанию (то есть, по ширине самого широкого элемента, какой есть внутри); поддаётся вертикальному выравниванию с помощью свойства vertical-align (значение по умолчанию —
baseline
; последнее необходимо помнить, чтобы избегать некоторых surpris’ов при использовании
inline-block
); однако сохраняет ряд блочных свойств: можно управлять размерами с помощью width и height; можно задавать поля (
margin
) и отступы (
padding
), как блочному, при этом вертикальные отступы не будут заезжать на соседние элементы; можно центрировать содержание (
text-align
). Вместо
inline-block
под IE7 приходится применять простой
inline
.
Но чтобы работало надо HasLayout. Оно не соответствует стандартам css, но присутствует в IE6 и IE7 (в IE8 его уже нет).
Это свойство не имеет собственного селектора, а появляется при наличии некоторых других свойств.
Например, zoom: 1. Во избежание проблем, хаки под IE следует выносить в отдельный файл и подключать через условные комментарии.
размер
Kb
ПРИМЕР ↴
✔ пример в полном окне
Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER