HTML CSS шпаргалка Рецепты, статьи, советы, приемы html css

«
»

Кроссбраузерный inline-block

Заметочка о кроссбраузерном inline-block.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Кроссбраузерный inline-block</title>
<style>
div{
	display:-moz-inline-stack; /* для FF2 */
	display:inline-block; /* для других */
	zoom:1; /* для ие */
	*display:inline; /* для ие */
	_overflow:hidden; /* для ие6, чтобы не умещающиеся в нем элементы не раздвигали блок */
	width:150px;
	height:150px;
	background:#666;
	margin:1px;
}
</style>
</head>
<body>
	<div>Первый встроенный блочный элемент</div>
	<div>Второй встроенный блочный элемент</div>
</body>
</html>

Метки:

Запись опубликована 19.02.2010 в 14:32 и размещена в рубрике css. Вы можете следить за обсуждением этой записи с помощью ленты RSS 2.0. Вы можете перейти в конец и оставить комментарий. Уведомления сейчас отключены.

Комментарии (3) на “Кроссбраузерный inline-block”

Оставить комментарий

Для вставки кода используйте <code> ... </code>.



Самые комментируемые

Облако тегов

Нет тегов найденных по заданным критериям.

Опрос