我该如何修复我的专栏 [英] How can i fix my column

问题描述

我有一张桌子

然后在表格的第一行中添加一列

但是当我调整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

这篇关于我该如何修复我的专栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！