ASP.NET Texboxコントロールの整列

私はASP.NETプログラミングの初心者です。
私は3つのTextBoxコントロールを持っているし、テキストボックスの前に3つのラベルの言葉：ASP.NET Texboxコントロールの整列

名/会社：[TextBox1テキストボックス]
メールアドレス：[TextBox2を]
メッセージ：[TextBox3]

私が整列しますテキストボックスを重ねて表示します。私はまた、ラベル/単語がテキストボックスの左に揃うようにしたい。次のように：

Name/Company:[TextBox1]
 
     Email:[TextBox2]
 
    Message:[TextBox3   ]
 
      [     ]
 
      [     ]
 
      [     ]
 
      [     ]

現在私のメッセージラベルは、textbox3コントロールの最後の行にあり、他のコントロールは正しく配置されていません。私の出力は今何を：

 
Name/Company:[TextBox1]
 
Email:[TextBox2]
 
     [TextBox3   ]
 
     [     ]
 
     [     ]
 
     [     ]
 
Message:[     ]

コード：私は数年のためのJavaプログラミングに取り組んでき

<p> 
    Name/Company: 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
</p> 
<p> 
    Email:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
</p> 
<p> 
    Message: 
    <asp:TextBox ID="TextBox3" runat="server" Height="100px" Width="300px"></asp:TextBox> 
</p>

。その上で私はセクションJPanelsを作成し、ボタン、テキストフィールド、レイアウトを追加して配置権を得ていました。 ASP.NETでこれと同様の方法がありますか？そうでない場合、私はこのレイアウトと配置を達成するために他にどのような方法がありますか？

CSSのおかげで

出典

2016-06-19 Maz

あなたが使い慣れているを使用しますCSSで？ –

はい。しかし、ちょっとだけ。 – Maz

チュートリアルを見つけてそこから始めてください。いくつかのビデオを見て、いくつかの本を読んで... – Aristos

は次のように行い、及びdisplay: table

.tbl { 
 
    display: table; 
 
} 
 
.tbl > div { 
 
    display: table-row; 
 
} 
 
.tbl > div > * { 
 
    display: table-cell; 
 
} 
 
.tbl > div > span { 
 
    text-align: right; 
 
    padding-right: 10px; 
 
}

<div class="tbl"> 
 
    <div> 
 
    <span>Name/Company:</span> 
 
    <input type="text" ID="TextBox1"> 
 
    </div> 
 
    <div> 
 
    <span>Email:</span> 
 
    <input type="text" ID="TextBox2"> 
 
    </div> 
 
    <div> 
 
    <span>Message:</span> 
 
    <input type="text" ID="TextBox3"> 
 
    </div> 
 
</div>

出典

2016-06-19 18:33:22 LGSon

ありがとう。 CSSは行く方法です！ – Maz

宣言クラスを、あなたのアイテムを揃えるために<div>します

<head> 
<style> 
    .cls1{ 
    float:left; 
    width:10%; 
    margin:5px; 
    } 
    .cls2{ 
    float:left; 
    text-align:left; 
    width:79%; 
    margin:5px; 
    } 
</style> 
</head> 


    <div class="cls1"> 
    Name/Company: 
    </div> 
    <div class="cls2"> 
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    </div> 
    <div class="cls1"> 
    Email: 
    </div> 
    <div class="cls2"> 
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
    </div> 
    <div class="cls1"> 
    Message: 
    </div> 
    <div class="cls2"> 
<asp:TextBox ID="TextBox3" runat="server" Height="100px" Width="300px"></asp:TextBox> 
    </div>

出典

2016-06-19 18:22:40 Hamed

ASP.NET Texboxコントロールの整列

答えて

関連する問題