Question

假设我的面板是200px，我想在左右两侧填充5px，文本框是它可以的最大尺寸（我可以计算它但是有一种动态的方式来使用浏览器）。更棘手的部分是如何在顶部和底部获得均匀的填充量？

Answer 1

我没有动态调整文本框大小的方法，但如果将文本框括在div中，请为div指定高度和宽度，并将该div的边距设置为auto（margin：auto;），应该工作。

Answer 2

这是我之前用于其中一个页面的代码。这是纯HTML，但我想你可以毫不费力地为asp控件修改它。基本上，内部div（内容）的内容始终位于垂直和水平中心。

<div id="container" style="position:relative; height:100px;border:1px solid #000;">
  <div id="content" style="border:1px solid #000; position:absolute; top:50%; left:0px; width:100%; height:20px; margin-top:-10px; text-align:center;">When inserting <b>element</b> here you need to modify <b>height=elementHeight, margin-top=elementHeight/2</b> of the outer div (id="content").</div>
</div>

Answer 3

确保您使用＆lt; textarea＆gt; element - 你应该能够在容器元素上放置padding：5px（或任何你想要的东西），然后在textarea上放置height：100％和width：100％。

你的容器元素必须有一个高度。

我只在IE8和FF3中测试过。

Answer 4

This is something I would've done.


<style type="text/css" >
    .panel{
        padding-left:5px;
        padding-right:5px;
        padding-top:10px;
        padding-bottom:10px;
    }
</style>


<asp:Panel ID="Panel" runat="server" Width="300" CssClass="panel">
        <asp:TextBox ID="TextBox" runat="server" Width="100%" />
    </asp:Panel>

如何将文本框置于ASP面板中心？

4 个答案: