Question

我的标签出现在它的顶部和下方输入框显示我想要两个在同一行。

 <fieldset>
    <legend style="color:red">Enter Details</legend><br />

    <div style="color:red">
        @Html.LabelFor(model => model.Name)
    </div>
    <div class="editor-field" style="color:InfoBackground">
        @Html.EditorFor(model => model.Name)
        @Html.ValidationMessageFor(model => model.Name)
    </div><br/>

    <div class="editor-field" style="color:red">
        @Html.LabelFor(model => model.Country)
    </div>
    <div class="editor-field" style="color: InfoBackground">
        @Html.EditorFor(model => model.Country)
        @Html.ValidationMessageFor(model => model.Country)
    </div><br/>

    <div class="editor-label" style="color:red">
        @Html.LabelFor(model => model.Mobile_Number)
    </div>
    <div class="editor-field" style="color: InfoBackground">
        @Html.EditorFor(model => model.Mobile_Number)
        @Html.ValidationMessageFor(model => model.Mobile_Number)
    </div><br/>

    <div align="center"><input type=submit" value="submit" /></div>
</fieldset>

必须做出哪些改变。请帮助!!!

Answer 1

你有标签包裹在div中。 Div是default display:block.这意味着他们强行换行。

最简单的方法是将@ Html.LabelFor和@ Html.EditorFor放在同一个div中并更改你的css以获得你想要的效果。

Answer 2

如你所知，Div是默认显示：block.So如果你想显示标签或输入等inline然后更新div风格。将以下样式应用于你想要显示的div。< / p>

style="display:inline-block;"

如何在强类型视图中将标签和文本框放在一行中

2 个答案: