解决Textbox放在表格的列宽度设置为100% 不能完全显示边框的问题

Textbox放在table的<td></td>将宽度设置为100%边框不能完成显示的边框问题，可以用CSS模版来解决；

具体的解决方案如下

  1. 新建一个CSS样式文件，在里面添加以下CSS代码：

    .Input

{

        padding: 0px;

        margin: 0px;

}

 

.InputTable

{

        border: solid 1px #999999;

}

    

  1. 在table和Textbox里引用该样式模版

<table>

  <tr>

    <td>

           <table border="0" cellpadding="0" cellspacing="0" width="100%" class="InputTable">

               <tr >

                  <td style="height: 19px; table-layout: fixed" onkeydown="CountLength()" >

                    <asp:TextBox ID="TextBox1" runat="server" Height="200px" TextMode="MultiLine" CssClass="Input" Width="100%"></asp:TextBox>

                  </td>

                </tr>

         </table>

          </td>

        </tr>

</table>

 

  1. 自然要在html的head里引用该CSS样式模版，同时你也看出了我是通过在table里内置一个table来解决Textbox边框被隐藏的问题。
  2. 记住在该页的<HEAD> </HEAD>里加入<link href="Test.css" type="text/css" rel="Stylesheet" />引用该css哦！

 

 

Posted on 2007-12-26 21:00  {:)  阅读(2371)  评论(2)    收藏  举报
Copyright © 2007 http://thinkcode.cnblogs.com All Rights Received.