这段代码在IE6下不正常，是IE6的bug么？_html/css

回复讨论(解决方案)

首页

web前端

html教程

这段代码在IE6下不正常，是IE6的bug么？_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:19 PM

ie6

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>test</title><style type="text/css">ul { width:200px;LIST-STYLE-TYPE: none; } ul li { float:left;width:40%;margin:5px;background-color:#cccccc;</style></head><body>						<ul>				<li><a href="#" target="_blank">111</a></li>				<li><a href="#">中文</a></li>				<li><a href="#" target="_blank">333</a></li>				<li><a href="#" target="_blank">444</a></li>											</ul>		</body></html>

登录后复制

以上代码，在IE8 IE9 Firefox Chrome均成正常显示，显示成：
111 中文
333 444

但在IE6下，显示成了：
111 中文
　　 333
444

即在“中文”后面空了一个位置。如果把中文改成 222 ，则又显示正常。

这是怎么回事，如何改？

回复讨论(解决方案)

加个height好像就可以了

ul li {
    float:left;
    width:40%;
    margin:5px;
    background-color:#cccccc;
     height:20px;
}

LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

设了宋体之后确实好了。为什么啊，中文必须设置字体吗？

具体原因我也不清楚，不过一般性都会默认设置字体吧。

加个height好像就可以了

ul li {
    float:left;
    width:40%;
    margin:5px;
    background-color:#cccccc;
    height:20px;
} 加了之后确实好了，就是不知什么原因，只有IE6如此。

LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

就像div，display:inline;设置排列在一行

引用 2 楼 athrunzero 的回复:LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

就像div，display:inline;设置排列在一行我这个问题和display设置好像没有关系。

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

Java教程

1660

CakePHP 教程

1417

Laravel 教程

1311

PHP教程

1261

C# 教程

1234

显示更多

Related knowledge

HTML容易为初学者学习吗？ Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

了解HTML，CSS和JavaScript：初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML，CSS和JavaScript的角色：核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

HTML，CSS和JavaScript：Web开发人员的基本工具 Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构，使用标签如、等。2.CSS控制网页样式，使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互，通过事件监听和DOM操作。

HTML：结构，CSS：样式，JavaScript：行为 Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web开发中的作用分别是：1.HTML定义网页结构，2.CSS控制网页样式，3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来：网络设计的发展和趋势 Apr 17, 2025 am 12:12 AM

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML，CSS和JavaScript的未来：网络开发趋势 Apr 19, 2025 am 12:02 AM

HTML的未来趋势是语义化和Web组件，CSS的未来趋势是CSS-in-JS和CSSHoudini，JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果，Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积，CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡，Serverless简化开发但需优化冷启动问题。

HTML与CSS vs. JavaScript：比较概述 Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在网页开发中的角色分别是：HTML负责内容结构，CSS负责样式，JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容，确保语义化。2.CSS通过选择器和属性控制网页样式，使其美观易读。3.JavaScript通过脚本控制网页行为，实现动态和交互功能。

See all articles

这段代码在IE6下不正常，是IE6的bug么？_html/css_WEB-ITnose

回复讨论(解决方案)

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题