CSS 之强制换行技巧

一、文本换行问题

在IE浏览器中，对于div元素，当使用`white-space: normal; word-break: break-all;`样式时，文本会自动换行。例如：

```html

wrap {

white-space: normal;

width: 200px;

}

```

或

```html

wrap {

word-break: break-all;

width: 200px;

}

```

在FF浏览器中，仅使用上述样式并不总能实现完美换行。可能需要添加`overflow: hidden;`来隐藏超出部分或添加滚动条。但如果不希望出现滚动条，可能需要寻找其他方法或接受内容被裁剪的事实。

```html

```

但在Firefox中，要实现同样的效果可能需要更多的努力。即使使用`table-layout: fixed`和`overflow: hidden`，内容仍然可能不会如预期的那样换行。在这种情况下，隐藏超出部分可能是唯一的选择。

关于百分比固定td大小的情况，IE浏览器中的`table-layout: fixed`与`nowrap`结合使用时，两个td都可以正常换行。但在Firefox中，由于浏览器的渲染机制不同，可能需要结合使用更多的CSS属性来实现相同的效果。例如：

```html

```这里的单元格宽度必须定义为百分比形式以达到预期效果。尽管如此，仍然可能无法实现内容的自动换行，除非接受使用滚动条或隐藏超出部分的影响。