解决CSS hover问题与FF自动换行技巧：FF/IE兼容性指南

本文档主要探讨了CSS在Firefox (FF)和Internet Explorer (IE)之间的兼容性问题，特别是针对两种浏览器中常见的两个具体问题进行了解答。首先，它关注的是超链接hover和active状态在FF和IE中的不同表现，以及如何通过调整CSS属性的定义顺序来解决这个问题。当一个超链接被点击后，IE会保留hover效果，但在FF中，如果不进行特殊处理，hover和active样式就会消失。为确保在FF中的兼容性，建议将`:link`、`:visited`、`:hover`和`:active`伪类的样式定义按照L（link）、V（visited）、H（hover）和A（active）的顺序排列。 第二个讨论点是关于FF中的文本换行问题。在IE中，开发者可以直接使用`word-wrap:break-word`属性让文本自动换行以适应容器宽度。然而，在FF中，这个内联CSS属性并不起作用，需要借助JavaScript来实现。作者提供了一个示例，其中定义了一个div元素，设置了固定宽度，并使用JavaScript函数`toBreakWord`来检测内容长度，当内容超过设定长度时，将其分割并插入换行符，从而实现文本在FF下的自动换行。 这篇文档对于前端开发者来说是非常有价值的，因为它提供了实用的技巧和代码示例，帮助开发者理解和解决在跨浏览器开发中可能遇到的CSS兼容性问题，确保网站在FF和IE等主流浏览器上都能正常显示和交互。