web前端开发中浏览器兼容问题（三）

11.li中内容超过长度后以省略号显示

此方法适用于IE与OP浏览器

li {

width:200px;

white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;

}

12.为什么无法定义1px左右高度的容器

•IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px等。

13.怎样使一个div垂直居中于浏览器中？

•这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二。

div{

position:absolute;

top:50%;

lef:50%;

margin:-100px 0 0 -100px;

width:200px;

height:200px;

border:1px solid red;

}

14.div居中问题

•div设置margin-left, margin-right为auto时已经居中，IE不行，IE需要设定body居中，首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。

15.P标签嵌套块元素问题

p标签嵌套div

div

一定要遵守块元素嵌套规则！