文本不会在表格内包装

Question

我希望我的表格中的文字能够自动换行.约束是我无法更改HTML,因为它是由服务器生成的.

我创建了一个JSFiddle

万一它不工作:

<div style="width: 25%">
    <table class="af_selectManyCheckbox" id="pt1:r1:1:smc1" cellpadding="0" cellspacing="0" border="0">
        <tbody>
            <tr>
                <td class="af_selectManyCheckbox_label" valign="top"/>
                <td valign="top" class="AFContentCell" nowrap="">
                    <div class="af_selectManyCheckbox_content">
                        <div>
                            <span class="af_selectManyCheckbox_content-input">
                                <input class="af_selectManyCheckbox_native-input" type="checkbox" value="0"/>
                            </span>
                            <label class="af_selectManyCheckbox_item-text">It allows a component to partially refresh another component whose partialSubmit property is set to true.</label>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

干得好.

工作演示

CSS代码:

.col-md-3 label {
    white-space: normal;
}

希望这可以帮助.