0
163
ViewsEl ícono de cierre modal y el texto del modal son incorrectos
<div class="modal-title-area"> <div class="modal-name"> @{ ViewBag.Title = "Kişisel Bilgiler"; } @EmployeeCardRes.PersonalInfo </div> <div class="modal-root-page tag-label"> <i class="close icon"></i> </div> </div> <div class="modal-divider"></div> <div class="modal-content-area"> <div class="two-fields"> <div class="field "> <div class="label"> @EmployeeCardRes.FirstName @EmployeeCardRes.LastName <div class="text">@Model.FirstName @Model.LastName</div> </div> </div> <div class="field"> <div class="label">@EmployeeCardRes.PositionCode <div class="text">@ViewBag.Position</div> </div> </div> </div> </div>Las etiquetas dentro de div deben corresponder a las publicaciones. pero la etiqueta está bajando el texto de arriba, ¿cómo puedo solucionarlo?
quiero hacer asi
·
Juan Pablo Isaza
1 answers
Answer question0
Querrá dividir sus elementos div para la etiqueta y el texto de cada fila, así que donde tiene
<div class="field"> <div class="label">@EmployeeCardRes.PositionCode <div class="text">@ViewBag.Position</div> </div> </div>Deberías reemplazarlo con algo más como esto:
<div class="field"> <div class="label"> @EmployeeCardRes.PositionCode </div> <div class="text"> @ViewBag.Position </div> </div>Luego puede usar CSS para modificar la forma en que DOM los posiciona y los muestra, algo como lo siguiente le dará texto en negrita y una pequeña separación:
.label, .text { display: inline-block; font-weight: bold; margin: 5px; min-width: 200px; }
·
Juan Pablo Isaza
Report
Answer question