2009-07-01 12 views
1

私のパネルが200pxで、左右に5pxのパディングが必要だとしましょう。テキストボックスは最大サイズにすることができます(私はそれを計算することができますが、ブラウザでこれを行う動的な方法です)。よりトリッキーな部分は、どのように上下のパッドを均等にするのですか?どのようにASPパネルの中にテキストボックスを配置するのですか?

+0

パネルの高さは分かりますか? – niaher

+0

それが唯一の方法なら、CSSの左余白を計算しそこから行く方法があればいいと思う – Matt

答えて

3

(マージン:オート;)、それはうまくいくはずです。

0

< textarea>要素を使用していることを確認してください。パディングを置くことができるはずです:5px(または任意のもの)をコンテナ要素に置き、textareaにheight:100%とwidth:100% 。

コンテナエレメントには高さが必要です。

私はIE8とFF3でのみテストしました。

1

私のページの1つで以前に使用したコードは次のとおりです。これは普通のHTMLですが、aspコントロール用に変更することは問題ありません。基本的に、内側のdiv(コンテンツ)のコンテンツは、常に垂直方向と水平方向の両方の中心に配置されます。私は動的にテキストボックスのサイズを設定する方法を持っている、しかし、あなたはdivの中にテキストボックスを囲むと、divの高さと幅を割り当て、autoにその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> 
0
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> 
関連する問題