Question

i 显示有问题:一线和显示:一栏和24. ......

Answer 1

<!-- main stylesheet for all browsers (uses display: inline-block) -->
<link href="main.css" media="screen" rel="stylesheet" type="text/css" />

<!-- overrides for IE 7 and earlier (uses display: inline where necessary) -->
<!--[if lte IE 7]>
  <link href="main-ie.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->

<!-- overrides for IE 6 and earlier (uses display: inline where necessary) -->
<!--[if lte IE 6]>
  <link href="main-ie6.css" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->

Answer 2

Here is a good overview of CSS browser hacks: http://brainfart.com.ua/post/css-hacks-overview/

我猜测第4、8或9节可以适用于你的案件。

Answer 3

IE7 and below don t support inline-block. 但有简单的工作。简言之,作为一线锁,是像一块块一样,但按行一致的一个要素,你只需要告诉独立实体,它是一个直线元素(IE idiossincracy)。因此:

.el { display:inline-block; *display:inline; *zoom:1; }

你们有! 确实简单。你们也可以使用有条件的评论,避免 star。我个人使用保罗·爱尔兰的超声声明() 之后,我特别针对IE7和以下目标:

.el { display:inline-block; }
.lt-ie8 .el { display:inline; zoom:1; }

Answer 4

国际笔会的问题是,它不适当地支持“在线锁定”。因此,为了补偿,你必须提出这一要素。因此,必须用“质子:两者”清除浮构件的集装箱,除非每一件都是固定的大小,例如菜单连接。

我更喜欢把每个浏览器所支持的字塔比为每个浏览器撰写个人风格表。

友情链接