web前端开发中浏览器兼容问题(三)
来源:互联网 发布:广州软件开发公司排名 编辑:程序博客网 时间:2024/05/17 09:20
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>
一定要遵守块元素嵌套规则!
- web前端开发中浏览器兼容问题(三)
- web前端开发中浏览器兼容问题(一)
- web前端开发中浏览器兼容问题(二)
- web前端开发中浏览器兼容问题(四)
- web前端开发中浏览器兼容问题(五)
- web前端开发中浏览器兼容问题(六)
- web前端开发中浏览器兼容问题(七)
- Web前端开发之浏览器兼容问题
- Web前端开发中会遇到的浏览器兼容问题(消灭bug②)
- 【web前端】IE浏览器兼容问题
- Web前端中常见的浏览器兼容问题有哪些?
- web开发中有关浏览器兼容问题及其解决方案的记录
- web前端开发中关于面向对象(三)
- web开发中的各种浏览器的兼容问题
- 前端浏览器兼容问题&hack
- 前端浏览器兼容问题
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--01
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--02
- 算法练习——吃糖
- 基于hadoop的分布式分词程序(庖丁分词)
- JavaScript屏蔽鼠标右键的内容
- TCP、UDP、HTTP、SOCKET之间的区别
- 在Maven中,仓库就是存放依赖和插件的地方
- web前端开发中浏览器兼容问题(三)
- 对table,td设置padding,margin的问题
- @Override报错的解决方法
- 最短路径问题—Dijkstra算法及其实现
- Lex-构造语法分析器(VS2013)
- jointJS(六)--cell move event&连线获取source/target
- C++内存池的实现
- 检测手机是否可以联网,不能检测外网 包含Dome
- Jmeter组件执行顺序与作用域