如何放置桌子？

发布于 2024-11-28 01:41:19 字数 769 浏览 0 评论 0原文

如何防止表格单元格重叠？我需要将表格数据中左侧的表格保持在固定位置，以便右侧的数据需要滚动左侧 td 单元格将保留在那里。

我这里有一个 html 示例 -

和代码 -

<table ID="Table1" Width="100%">
    <tr>
        <td align="center" class="style2"> 
            <table border="" style="width:20%;position:fixed;left:54px; top: 84px;">
                <th>some table</th>
                <tr>
                    <td>&nbsp</td>
                </tr>
            </table>
        </td>
        <td align="center">
            some text blah blah blah    
        </td>
     </tr>
 </table>

原文

How can I prevent table cells from overlaping? I need to keep the table on the left within the table data in a fixed position so the data on the right requires scrolling the left td cell will remain there.

I have an example of the html here -

http://jsbin.com/ifiha4/edit#preview

and code -

<table ID="Table1" Width="100%">
    <tr>
        <td align="center" class="style2"> 
            <table border="" style="width:20%;position:fixed;left:54px; top: 84px;">
                <th>some table</th>
                <tr>
                    <td> </td>
                </tr>
            </table>
        </td>
        <td align="center">
            some text blah blah blah    
        </td>
     </tr>
 </table>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

っ左 2024-12-05 01:41:19

<td align="center" class="style2" style="width:100px;">

我认为您应该尝试设置您正在使用的每一列的宽度。这对你有用吗？

更好的方法是这样做：

<div style="float:left; width:100px; border:1px solid black">

Column 1 content

</div>


<div style="float:left; width:100px; border:1px solid black">

Column 2 content

</div>

从长远来看，您会很高兴更改为 div。 :)

http://jsbin.com/ifiha4/7/edit#preview

<td align="center" class="style2" style="width:100px;">

I think you should try setting widths on each column that you are using. Does this work for you?

The better way is to do this:

<div style="float:left; width:100px; border:1px solid black">

Column 1 content

</div>


<div style="float:left; width:100px; border:1px solid black">

Column 2 content

</div>

You will be happy you changed to div in the long run. :)

http://jsbin.com/ifiha4/7/edit#preview

回复收藏 0 原文

~没有更多了~