0

Tengo un label con un checkbox y una Lista:

    <label style="margin-left:15px;">Solo Activos:&nbsp;@Html.CheckBoxFor(m => m.isActiveTest)@*</label>*@@*<br />*@
@*<label style="margin-left:15px; width:100%;">*@Categoria:&nbsp;@Html.DropDownListFor(m => m.Categories, (SelectBaseListAdapter<int, string>)ViewBag.ListDisplayCategory)</label>@*<br />*@

Me gustaría que ambos figuararan con el mismo tamaño de Box (caja).

introducir la descripción de la imagen aquí

1
  • ¿a cuál caja te refieres?
    – Shaz
    Commented el 4 feb. 2020 a las 15:32

2 respuestas 2

0

Usted necesita mejorar la estructura del form. Puede usar el flex-box remove tags break-line y los estilos en linea.

<div class="filter-label">
  <label>Solo Activos:&nbsp;@Html.CheckBoxFor(m => m.isActiveTest)@*</label>
  <label>*@Categoria:&nbsp;@Html.DropDownListFor(m => m.Categories, (SelectBaseListAdapter<int, string>)ViewBag.ListDisplayCategory)</label>
<div>

.filter-label {
 display: flex;
 justify-content: space-between;
 width: 100%;
}
.filter-label label {
  width: 50%;
}

Espero que haya ayudado.

0

Gracias por la respuesta, de este modo pude lograrlo: `

input[type="checkbox"] {
    zoom: 1.2;
    margin-bottom:-3px;
}

Y...

<label style="margin-left:15px;">Solo Activos:&nbsp;@Html.CheckBoxFor(m => m.isActiveTest)</label> <label style="margin-bottom:10px;">Categoria:&nbsp;@Html.DropDownListFor(m => m.Categories,(SelectBaseListAdapter<int, string>)ViewBag.ListDisplayCategory)</label><br />

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.