位置: 编程技术 - 正文

ul在Firefox和IE下的不同表现的解决方法(考四级题型)

编辑:rootadmin
最近做了个oblog的系统模板,其中涉及到了ul,所以就整理出了这篇文章+这张大图。   ul是一个很常用的标签,但是因为它在Firefox和IE下的不同表现,让人觉得它是个很难以控制的标签。   ul在Firefox下有个padding值, 却没有margin值;而在IE下正好相反,ul有个margin值, 却没有padding值。【下图中的第二第三例的对照可以看出】   在Firefox下,ul的list-style默认是处于内容的外边缘的。当然可以通过css可以将list-style置为内容的内边缘。   通过权衡得到适合两个浏览器的设置:padding:0; margin:0; list-style:inside;。还可以将ul设置为padding:0; margin:0; list-style:none;,然后给li添加背景图片,也是很不错的选择。 这是第一句话。 这是第二句话。 这是第三句话。 这是第四句话。 这是第五句话。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

推荐整理分享ul在Firefox和IE下的不同表现的解决方法(考四级题型),希望有所帮助,仅作参考,欢迎阅读内容。

ul在Firefox和IE下的不同表现的解决方法(考四级题型)

文章相关热门搜索词:2000农历十月十五是什么星座的,苹果11怎么充不上电了,麒麟的面积,苹果11怎么充不上电了,麒麟的面积,麒麟的面积,看看这是谁画的,看看这是谁画的,内容如对您有帮助,希望把文章链接给更多的朋友!

如何实现多风格选择 样式实时切换 我们在制作网站的时候,希望自己的网站是多风格的,用户可以根据自己的喜好选择不同的风格,这样的风格可以是布局上的变化,也可以是色彩上的

用css实现隐藏文本框 方法1本来的文本框是inputtype="text"value=""/加上inputtype="text"value=""style="display:none;"/方法2inputtype="hidden"/

css实现行间距效果 Css中行间距定义是:line-height:px;上面代码是将行间距设为px。长期以来,我在定义字体样式的时候,通常是这样:#myFont{font:pxtahoma;line-height:px;}今

本文链接地址:https://www.jiuchutong.com/biancheng/372032.html 转载请保留说明!

上一篇:用div+css解决出现水平滚动条问题(div +css)

下一篇:如何实现多风格选择 样式实时切换(风格的多样性举例说明)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络