CSS对齐问题

Question

如何使我的注册字段成为这样的

我怎样才能通过CSS实现这一目标？我的意思是,我的文本框应该从标签的末尾到页面的末尾对齐......

编辑

这是我的观点部分

<div id="member-search">

<h5>Last Name:</h5>
@Html.TextBox("member-last-name")
</div>
<div>
<h5>Pass:</h5>
@Html.TextBox("member-pass")
</div>

<input type="submit" value="Search" class="button"/>
</div>

在CSS中我尝试了很多,但没有成功.宽度:自动没有帮助,我找不到解决方案.感谢帮助.

Answer 1

通过更改视图,您可以实现此目的.我的答案基于以下答案:如何使文本输入框占据父块内的所有剩余宽度？

您可以在http://jsfiddle.net/626B2/63/查看答案的修改版本

HTML:

<div id="parent">
    <div id="inner">
        <label>UserName</label><span><input id="text" type="text" /></span>
    </div>
    <div id="inner">
        <label>pass</label><span><input id="text" type="text" /></span>
    </div>
    <input id="submit" type="button" value="Submit" />
</div>

CSS:

#inner {
    display: table;
    width: 100%;
}
label {
    display: table-cell;
    white-space:nowrap;

}
span {
    display: table-cell;
    width: 100%;
    padding: 0px 10px;
}
#text {
    width: 100%;
}