我的代码最终像:
XXXXX XXXXX Description: XXXXX
我想要:
XXXXX Description: XXXXX XXXXX
“描述”有时跨越多行。
码:
<p class="DataForm"> <label>Blah blah blah Description:</label> <asp:TextBox ID="txtBlahblahblahDescription" runat="server" TextMode="MultiLine" Rows="8" Columns="50"></asp:TextBox><br/> </p>
CSS:
.DataForm { } .DataForm label { display: inline-block; font-size: small; margin-left: 5px; width: 5%; min-width: 60px; } .DataForm input { margin-right: 9px; display: inline-block; width: 21%; min-width: 30px; }
您需要将它们都放在某个容器元素中,然后在其上应用对齐方式。
例如:
.formfield * { vertical-align: middle; } <p class="formfield"> <label for="textarea">Label for textarea</label> <textarea id="textarea" rows="5">Textarea</textarea> </p>