一天之内连续碰到两个IE的CSS问题


第一个问题:inline-block的问题

有一个div我设置了display:inline-block, 结果在IE下面显示为行布局, 解决的办法是使用display:inline;zoom:1; . 据说是IE的经典bug.

第二个问题:margin: 0 auto; 不能居中

这是因为没有加上W3C的声明

<!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"  lang="en"

这就是所谓的quirks模式, 没想到quirks模式连margin 0 auto都不认识. 好在都是非常熟知的bug, 搜一下就解决了. 免得忘记, 特记之.