如何让Sharepoint Child Controls水平对齐？

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而不是“
”来处理“中断”也会更好，但是为了快速解决这个问题，我们会做到这一点。