1

我有一个页面,其中包含一个包含一行和 3 列的表格。我页面的所有内容都在这些列中。表示此表就像此页面的框架。左右单元格,有一些图片和链接。中间单元格包含页面的主要文本。在中间列中,当我键入文本时,当文本变长时,在左右单元格的顶部,会创建额外的空间。如果此文本更长,则侧单元格顶部的这些空间更大。

谁能帮我请如何删除这些空间?


问题链接图片

代码:

<table>
<tr>
    <td width="15%" align="center" style="background-color:#ffffff; margin-top: 0px;">
        <div style="margin-top: 0px">
            <b>
        <br class="style3" />
        </b>
        <br />
        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/Solar Cell.jpg" 
            Width="140px" style="text-align: center" ImageAlign="Middle"/>

                </div>
    </td>
    <td width="70%" style="background-color:#ffffff; text-align: center; margin-top: 0px;">
    <div style="margin-top:0px"><asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        <p>
            <br />
            Original</p>
        <p>
            Text</p>
        <p>
            Will</p>
        <p>
            Be</p>
        <p>
            Here.</p>
        <p>
            <span id="result_box" class="short_text" lang="en"><span class="hps">Please</span>
            <span class="hps">note</span> <span class="hps">the</span> <span class="hps">
            space</span> <span class="hps">over</span> <span class="hps">the next</span>
            <span class="hps">two columns</span><span>.</span></span></p>
        <p>
            These spaces</p>
        <p>
            Will be shown</p>
        <p>
            If this text be long becuase of &lt;p&gt;&lt;/p&gt;</p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
        <p>
        </p>
    </asp:ContentPlaceHolder>
    </div></td>
    <td width="15%" style="background-color:#ffffff; margin-top: 0px;" align="center"><div>
        <asp:Image ID="Image1" runat="server" Height="124px" 
            ImageUrl="~/Images/pic.jpg" 
            style="margin-top: 0px" Width="126px" />
        </div></td>
</tr>
</table>
4

0 回答 0