CSS样式总结：换行、最大高度与背景图片处理

"这篇内容是关于CSS样式的总结，涵盖了换行、最大高度、最小高度、浏览器兼容性处理、图片裁剪与定位、输入框样式以及Flash嵌入等多个知识点。" 1. `display` 属性：在CSS中，将`span`元素的`display`属性设置为`block`可以使它像块级元素一样显示，获取宽度并允许换行。这样可以使得原本内联的`span`元素具有类似`div`的布局特性。 2. 高度自适应：`max-height`和`min-height`属性用于设置元素的最大和最小高度。在IE浏览器中，通过`_height`（私有属性）配合`expression`来实现高度自适应。`overflow:hidden`则用于隐藏溢出的内容。 3. Firefox表格布局：在Firefox中，若希望`div`元素表现得像表格一样，使其内容自动填充100%，可以使用`display:table`和`display:table-cell`属性。 4. 清除浮动：`clear:both`和`overflow:hidden`组合使用可以解决父元素因子元素浮动而高度塌陷的问题，同时`height:100%`确保元素占据其父元素的全部高度。 5. 图片响应式：通过设置`max-width`和`max-height`限制图片的最大尺寸，并使用`expression`在IE中实现类似效果。`overflow:hidden`防止图片溢出容器。 6. 背景图片居中：使用`background-position:center`可以让背景图片在容器中居中显示。 7. 图片绝对定位：对于图片的精确裁剪和定位，可以使用`position:absolute`结合`top`和`left`属性进行调整。`width:100%`确保图片宽度适应容器宽度。 8. 输入框样式标准化：`input`元素的样式可以通过设置`border`、`width`、`height`和`line-height`来统一，提高用户体验。 9. Flash嵌入：在HTML中，`EMBED`标签用于插入Flash内容，`wmode`属性设为`transparent`使Flash背景透明，`quality`设定播放质量。 这些CSS技巧和解决方案对于创建响应式、跨浏览器兼容的网页设计至关重要，能够帮助开发者更好地控制页面元素的布局和视觉效果。