如何讓我的Sharepoint兒童控件水平對齊？

Question

我正在Web部件的重寫的CreateChildControls（）方法中創建控件。

我的代碼是這樣的（沒有雙關語意）：

this.Controls.Add(new LiteralControl("<h2>Duckbilled Platypus Unlimited</h2>")); 
this.Controls.Add(new LiteralControl("<h3>Angle of Repose of Bill: ")); 
boxRequestDate = new TextBox(); 
this.Controls.Add(boxRequestDate); 
this.Controls.Add(new LiteralControl("</h3>")); 

this.Controls.Add(new LiteralControl("<h3>Venomosity/Lethality Quotient of Poison Toe: ")); 
boxPaymentAmount = new TextBox(); 
this.Controls.Add(boxPaymentAmount); 
this.Controls.Add(new LiteralControl("</h3>")); 

...我看到這一點：

我想看到的是 「Venomosity」 LiteralControl和TextBox右邊的/水平對齊第一個LiteralControl和TextBox（在它們的右邊，而不是在它們下面）。我怎樣才能做到這一點？

Answer 1

嘗試這樣的事：

this.Controls.Add(new LiteralControl("<h2>Duckibilled Platypus Unlimited</h2>")); 
this.Controls.Add(new LiteralControl("<h3 style='display: inline-block; width: 400px;'>Angle of Repose of Bill: </h3>")); 
boxRequestDate = new TextBox(); 
this.Controls.Add(boxRequestDate); 

this.Controls.Add(new LiteralControl("<br />")); 

this.Controls.Add(new LiteralControl("<h3 style='display: inline-block; width: 400px;'>Venomosity/Lethality Quotient of Poison Toe: </h3>")); 
boxPaymentAmount = new TextBox(); 
this.Controls.Add(boxPaymentAmount); 

請注意，你不能有一個H3標籤（通過HTML規則）內一個文本框。另外，最好在CSS內部使用類而不是像這樣的內聯樣式，但這種方式應該適合你。用CSS代替「
」也可以更好地處理這個「突破」，但是爲了快速解決這個問題，就可以做到。