html - 将表格放入可滚动DIV时表格单元格断线？

Question

我有问题。我创建了一个表并将其放在这样的 DIV 中：

<div class="divScroll">
<table class="k-tbTemplate">
    <thead>
        <tr>
            <th>Header </th>
            <th>Header 3</th>
            <th>Header 3</th>
            <th>Header 3</th>
            <th>Header 3</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td >
                <a href="#null" style="float:left; ">asfasfa</a>
                <a href="#null" onclick="AddSA(this);" style="float:right; ">
                    <img src="add.PNG" alt="Add Shop"/></a>
            </td>

            <td>
                <div style="float:left;">aaa</div>
                <div style="float:right;display:inline;">
                    <a href="#null">
                        <img alt="Add Shop" src="/add.PNG"/></a>
                    <a href="#null">
                        <img alt="Remove Shop" src="/rem.PNG"/></a>
                </div>
            </td>
            <td>Header 3</td>
            <td>Header 3</td>
            <td>Header 3</td>

        </tr>
    </tbody>
</table>
</div>

虽然<td>设置white-space:nowrap了，但仍然是断线。如果我不将表格放在可滚动的 div 中，它会很好用。

完整的 html 代码和 css 样式在这里。

任何人都可以帮助我解决这个问题。

Answer 1

滚动不是原因。div这是包含表格的元素上的固定宽度（300px）的设置。单元格被挤压，浮动的效果会导致您可能认为是断线。如果您想将单元格的内容放在一行中，只需将其放在一行中，不要使用导致换行符的元素，例如div.