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

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

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

<style type="text/css">

li {      

width:200px;      

white-space:nowrap;      

text-overflow:ellipsis;      

-o-text-overflow:ellipsis;      

overflow: hidden;   

}   

</style>

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

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

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

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

<style type="text/css">

div {      

position:absolute;      

top:50%;      

lef:50%;      

margin:-100px 0 0 -100px;      

width:200px;      

height:200px;      

border:1px solid red;  

        }    

</style>

14.div居中问题

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

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

p标签嵌套div

<p>

      <div>div</div>

</p>

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

 

 

 

 

来源：oschina

链接：https://my.oschina.net/u/2971691/blog/798205