Question

我使用DIV构建了一个表单。我对此感到高兴，因为它可以按照我的意愿行事。但是，我希望星号垂直居中于两个文本框行的右侧，并在星号上放置一些文字，说明需要一个或两个字段。

例如：

------------------！
行1 ------------------- * Asterisk这里
行2 ------------------！

我认为以下代码可行，但似乎将星号放在所有内容之下。有人能给我一些建议吗？

我的Css是：

div.wrapper { 宽度：960像素; }

div.left_column { 宽度：304px; 向左飘浮; text-align：right; 垂直对齐：中部; 背景色：＃f5f5f5; 保证金右：3px的; 边距：2px的; 填充底：5像素; 高度：3px的; }

div.right_column { }

我的代码如下：

＆LT; 元：获取ResourceKey = “lblhousenumberResource1” ＆GT;

<div class="right_column"> 
<asp:TextBox ID="txthousenumber" runat="server" BorderColor="#E0E0E0"   
borderStyle="Solid" BorderWidth="1px" TabIndex="2"   
meta:resourcekey="txthousenumberResource1"></asp:TextBox>
</div> 

<div class="left_column"> 
<span>
<asp:Label ID="lblhousenumber" runat="server" AssociatedControlID="txthousenumber"   
 meta:resourcekey="lblhousenumberResource1"></asp:Label>
</span>
</div> 

<div class="right_column"> 
<asp:TextBox ID="txthousenumber" runat="server" BorderColor="#E0E0E0"   
borderStyle="Solid" BorderWidth="1px" TabIndex="2"   
meta:resourcekey="txthousenumberResource1"></asp:TextBox>
</div>

*

感谢

菲尔

Answer 1

我认为真正做到这一点的唯一方法就是做三件事之一。

1）将div中的所有3个元素换行，左右分开。 Left将包含两个字段，Right将包含星号。这应该确保一切都正确排序。

2）在所有3个元素上设置高度值，然后使用vertical-align将星号置于中间。现在它不知道它应该真的是一个高大的div。

3）使用表格。认真。他们有一个糟糕的说唱，但这是他们非常有用和有意义的确切情况。这可能不是语义上正确的事情，但是你可以在几分钟内解决这个问题。

DIV - 两行，行末尾的中心带有星号

1 个答案: