Question

我关注this

说要有自动换行：break-word，我们需要为table元素设置“table-layout：fixed”。即使这样，它也无法在IE8中运行。我在这里错过了任何基本原理吗？

我在IE8和IE6中附加了它的屏幕截图。以及如何在IE8中呈现HTML。（IE8中包含表格的面板有滚动条。）

IE6

IE8

从呈现的HTML中，我发现表格布局是固定的，并且还应用了样式。

但即便如此，IE8也会以不同的方式显示网格。

<table cellspacing="0" rules="all" border="0" id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView" style="border-width:0px;border-style:None;height:150px;width:750px;border-collapse:collapse;**table-layout: fixed**">
            <tr class="Row" align="center">
                <td align="left" style="width:155px;white-space:nowrap;">
                                        <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_typeLabel">IT</span>
                                    </td><td align="left" style="width:155px;white-space:nowrap;">
                                        <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_firstNameLabel">AAA</span>
                                    </td><td align="left" style="width:155px;white-space:nowrap;">
                                        <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_lastNameLabel">BBB</span>
                                    </td><td align="left" style="width:155px;white-space:nowrap;">
                                        <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_appReceivedDateLabel">3/01/2011</span>
                                    </td><td align="left" style="width:155px;white-space:nowrap;**WORD-BREAK:BREAK-ALL**">
                                        <span id="ctl00_memberContentPlaceHolder_empiMemberHcidGridView_ctl02_commentsLabel">TestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTestingTesting</span>
                                    </td>
        </table>

任何帮助？在此先感谢

Answer 1

实际上，我不会担心在你的例子（没有空白区域）中看到的这种人为的文字的自动换行。

说，其中一个解决方案是将内容包装在div中并应用宽度和宽度。对div进行自动换行。请参阅此小提琴，例如：http://jsfiddle.net/6Cm3U/1/

自动换行：在IE8中，break-word无法正常工作

1 个答案: