用CSS忽略剃刀視圖<p></p>

Question

我有CSS和Razor視圖的問題，我無法解釋。在我的項目中，我有兩個相同結構的視圖，並使用相同的CSS。在一個視圖中，所有的參數都可以，一切正常，但在第二個視圖中，如果某個標籤是空的，我在同一行中有兩個參數。

我的工作觀：

<link href="@Url.Content("~/Content/Template/defaultR.css")" rel="stylesheet" type="text/css" /> 
<div class="form_demande"> 
    //some div 
<div class="form_content"> 
    <p> 
     <span> 
      @Html.Label("Nom") : 
     </span> 
     @Html.Label(Model.Nom) 
    </p> 
    <p> 
     <span> 
      @Html.Label("Prénom") : 
     </span> 
     @Html.Label(Model.Prenom) 
    </p> 

    <p> 
     <span> 
      @Html.Label("Service") : 
     </span> 
     @Html.Label(Model.Departement) 
    </p> 

    <p> 
     <span> 
      @Html.Label("Date début ") : 
     </span> 
     @ViewBag.Debut 
    </p> 
    <p> 
     <span> 
      @Html.Label("Date fin ") : 
     </span> 
     @ViewBag.Fin 
    </p> 
    <p> 
     <span> 
      @Html.Label("Date reprise ") : 
     </span> 
     @ViewBag.Reprise 
    </p> 
    <p> 
     <span> 
      @Html.Label("NombreJours ") : 
     </span> 
     @ViewBag.NombreJours 
    </p> 
    <p> 
     <span> 
      @Html.Label("Reliquat ") : 
     </span> 
     @ViewBag.Reliquat 
    </p> 

    <p> 
     <span> 
      @Html.Label("Interim ") : 
     </span> 
     @ViewBag.Interim 
    </p>   
</div> 

內聯paragraphes的觀點：

<link href="@Url.Content("~/Content/Template/defaultR.css")" rel="stylesheet" type="text/css" /> 
<div class="form_demande"> 
//some div 
<div class="form_content"> 
    <p> 
     <span> 
      @Html.Label("Nom") : 
     </span> 
     @Html.Label(Model.Nom) 
    </p> 
    <p> 
     <span> 
      @Html.Label("Prénom") : 
     </span> 
     @Html.Label(Model.Prenom) 
    </p> 
    <p> 
     <span> 
      @Html.Label("Service") : 
     </span> 
     @Html.Label(Model.Departement) 
    </p> 

    <p> 
     <span> 
      @Html.Label("Motif de l'abscence") : 
     </span> 
     @ViewBag.Motif 
    </p> 
    <p> 
     <span> 
      @Html.Label("Jours Ouvrables") : 
     </span> 
     @ViewBag.JoursOuvrables 
    </p> 
    <p> 
     <span> 
      @Html.Label("Durée de l'abscence") : 
     </span> 
     @ViewBag.Duree 
    </p> 
    <p> 
     <span> 
      @Html.Label("Du ") : 
     </span> 
     @ViewBag.Depart 
    </p> 
    <p> 
     <span> 
      @Html.Label("Au ") : 
     </span> 
     @ViewBag.Retour 
    </p> 
</div> 

的CSS的form_content：

.form_demande { 
margin: 15px; 
font-size: 18px; 
width: 600px; 
} 
.form_demande span { 
    float: left; 
    width: 150px; 
    text-align: left; 
} 
.form_demande p { 
    padding: 0 0 4px 0; 
} 
.form_demande p, blockquote, ul, ol { 
    margin-bottom: 20px; 
    line-height: 20px; 
    text-align: justify; 
} 
.form_content { 
margin-top: 90px; 
} 

這是結果：

注：如果我填在視圖中的所有數據，一切正常

Answer 1

試試這個CSS：

.form_demande p{ 
    clear: left; 
}