0

問題があります。テーブルを作成し、次のように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スタイルはこちらです。

誰かがこの問題について私を助けてくれます。

4

1 に答える 1

0

スクロールが原因ではありません。divテーブルを含む要素の固定幅 (300px) の設定です。セルが圧迫され、フローティングの効果により、ライン ブレークと見なされる可能性があります。セルの内容を 1 行で表示したい場合は、改行の原因となる要素 ( div.

于 2012-05-28T05:05:47.130 に答える