我该如何修复我的专栏

本文介绍了我该如何修复我的专栏的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有一张桌子 然后在表格的第一行中添加一列 但是当我调整window的大小时，列文本和空格会受到干扰 我该如何解决. 我正在使用此代码...

I have A table and in my table''s one row i add one column but when i resize my window.the column text and the space get disturb how can i fix it. i am using this code...

<tr> <td colspan="3" width="100%"> <table width="100%" align="right"> <tr> <td width = "60%" align = "left"> <%--<div id="div1" runat="server" class="divLoggedInAs"> You are logged in as: <asp:Label ID="lblLoggedInAsEmailId" runat="server" CssClass="labelLoggedInAs"></asp:Label> '</div>--%> You are logged in as: <asp:Label ID="lblLoggedInAsEmailId" runat="server" CssClass="labelLoggedInAs"></asp:Label> </td> <td align="right" width="13%"> <font size="2" face="Verdana" color="#000000"> <a onclick="window.open('../TransactionStatus.aspx','newWindow','left=300,Top=170,resizable=no,toolbar=0,scrollbars=no,directories=0,status=0,menubar=0,width=550,height=520')" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Track Transaction</a> </font> </td> <td align="center" width="2%"> <font size="2" face="Verdana" color="#000000"> | </font> </td> <td align="right" width="13%"> <font size="2" face="Verdana" color="#000000"> <a onClick="window.open('../ExchangeRateCalc.aspx','newWindow','left=300,Top=170,resizable=no,toolbar=0,scrollbars=no,directories=0,status=0,menubar=0,width=550,height=520')" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Fee Calculator</a> </font> </td> <td align="center"width="2%"> <font size="2" face="Verdana" color="#000000"> | </font> </td> <td align="right" width="13%"> <font size="2" face="Verdana" color="#000000"> <%--<a onclick = "ShowCustomerServiceWindow(); id="hl1" style="float: right; margin: 14px 0 10px 0;">Customer Service</a>--%> <a onclick="ShowCustomerServiceWindow();" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Customer Service</a> <%--<a onclick="window.open('../CustomerServiceCenter.aspx','newWindow','left=300,Top=170,resizable=no,toolbar=0,scrollbars=no,directories=0,status=0,menubar=0,width=550,height=520')" onMouseOver="this.className='AMouseOver';" onMouseOut="this.className='AMouseOutHeader';" style="cursor:pointer;">Customer Service</a>--%> </font> </td> </tr> </table> </td> </tr>

我希望当我调整窗口大小时，表格列上的文本不会受到干扰.它们保留在其orignol位置.

i want that when i resize my window the text on the table''s column not get disturb.they remain at their orignol position.

推荐答案

有一个CSS模板名为 SKELETON 的对象，可通过调整窗口大小来调整列的大小！ 斯科特·汉斯曼(Scott hanselman)使用SKELETON撰写自己的博客！ 骨架是重量很轻的CSS和javascripts文件，并且可以移动使用！ 骨架 [ ^ ] there is a css template named SKELETON that resize the columns with window resizing! scott hanselman use SKELETON for his own blog! Skeleton is very light weight css and javascripts files, and mobile ready! Skeleton[^]

您需要了解HTML控件的相对和绝对定位. 如果您指定固定的宽度和高度值，则即使在调整窗口大小之后，单元格文本也不会分散. 请参阅此链接，以了解绝对值和相对定位. 谢谢 -Amit. Hi, You need to understand Relative and Absolute positioning with HTML controls. if you specify fix width and height value then your cell text will not scattered even after windows resizing. See this link for difference between Absolute and Relative Positioning. thanks -Amit.

无论何时以百分比定义表格宽度， 它将根据屏幕调整其位置大小. 以像素(px)为单位定义表格宽度可以解决您的问题. 如果您只想使用百分比作为宽度，那么我想您不能. 问候， AP When ever you define the table width in percentage, it will re-size its position according with screen. Defining table width in pixels(px) can over come your problem. If you want to use only percentage for Width, then I guess you can''t. Regards, AP