Prévenir Saut De Ligne Après @Html.LabelFor Dans ASP.NET MVC 4, à l'Aide de Rasoir

Voici mon code.

@using (Html.BeginForm()) {
@Html.ValidationSummary()

<fieldset>
    <legend>Registration Form</legend>
    <ol>
        <li>
            @Html.LabelFor(m => m.FirstName)
            @Html.TextBoxFor(m => m.FirstName)
        </li>
    </ol>
 </fieldset>
}

Du code ci-dessus, l'étiquette et de la zone de texte sont sur des lignes séparées. Je tiens à les combiner pour être sur la même ligne afin que je puisse avoir quelque chose comme...

@Html.LablFor(m => m.FirstName): @Html.TextBoxFor(m => m.FirstName)

Devrait finir par ressembler Prénom: _______

Merci d'avance.

Vous pouvez réaliser cela avec le css, mais nous aurons besoin de voir votre code html.

OriginalL'auteur Shane LeBlanc | 2012-06-21

  1. 12

    Il doit y avoir quelque chose de mal avec votre CSS parce que <label> et <input> sont à la fois des éléments inline. La seule raison pour laquelle ils seraient apparaissant sur des lignes distinctes serait si votre CSS sont les traitant comme des éléments de bloc ou si elles ne peuvent pas tenir sur la même ligne de contenu.

    Démo en jsFiddle: http://jsfiddle.net/tSFtJ/

    Je vais " vérifier que je n'ai même pas y penser. Doit être MS par défaut du CSS qui le fait. Merci.
    oui, en supprimant "display: block" a fait le tour pour moi.

    OriginalL'auteur Dismissile

  2. 12

    Voici ce que j'ai fait pour faire ce travail pour moi (extrait de code ci-dessous).

    Modèle De Vue

    <!-- language: c# -->
[DataType(DataType.EmailAddress)]
[Display(Name = "LabelEmail", ResourceType = typeof(Resources.GeneralResource))]
public string EmailAddress { get; set; }

    Vue.cshtml

    <!-- language-all: lang-html -->
<div>
    @Html.LabelFor(m => m.EmailAddress, new { style="display:inline;"})
    @Html.DisplayFor(m => m.EmailAddress)
</div>

    L'important est l':

    nouveau { style="display:inline;"}

    dans le LabelFor(..).

    Fonctionne comme un charme.

    Cela a également travaillé pour moi dans Html.BeginForm.

    OriginalL'auteur sheir