最全的CSS浏览器兼容问题小结

CSS技巧详解

在网页设计中，CSS技巧的运用往往能使页面布局更加精致。这里我们将两个常见的CSS问题及其解决方案。

一、div元素的垂直居中难题

```css

div {

height: 200px;

line-height: 200px;

vertical-align: middle;

}

```

这种方法有一个缺点，那就是需要控制内容不要换行。如果内容过多导致换行，垂直居中的效果将不复存在。

二、IE下的float元素margin加倍问题

这是一个在IE浏览器（包括IE6）中普遍存在的bug。当你给一个设置为float的div元素设置margin时，IE浏览器会将其理解为两倍的大小。例如，你设置的margin为5px，但在IE下它会被理解为10px。为了解决这个问题，你可以在div元素中加入“display:inline;”属性。例如：

```html

```

相应的CSS样式为：

```css

iamfloat {

float: left;

margin: 5px; / 在IE下理解为10px /

display: inline; / 在IE下再理解为5px /

}

```

以上两个技巧在网页设计中非常实用，掌握它们将大大提高你的CSS布局能力。希望这篇文章对你有所帮助，如果你有任何其他问题，欢迎随时提问。