0
148
VistasLa sección oculta no se muestra correctamente
Tengo esta sección oculta con display:none . El div con el control TextBox está usando col-md-11 pero cuando cambia la pantalla, parece que esta sección solo ocupa col-md-5 . ¿Hay algo que pueda hacer para asegurarme de que esté usando el espacio correcto?
<div class="col-md-11 !important"> <div class="form-group"> <label class="control-label source-label">Other</label> <input class="form-control" id="enteredOtherSource" name="enteredOtherSource[0].Other" type="text" value=""> <span class="field-validation-valid text-danger" data-valmsg-for="enteredOtherSource[0].Other" data-valmsg-replace="true"></span> </div> <input value="91" data-val="true" data-val-number="The field SourceId must be a number." data-val-required="The SourceId field is required." id="otherSourceId" name="enteredOtherSource[0].SourceId" type="hidden"> </div> 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
display: none hace que la página se represente como si el elemento no existiera, por lo que el espacio que habría ocupado se llena con el siguiente elemento.
Para reservar espacio visibility: hidden .
El fragmento de trabajo a continuación muestra conjuntos de tres divs donde el del medio se elimina con display:none u hiddent con visibility:hidden
div { width: 100%; border: 1px solid black; background: yellow; padding: 3px; } .hidden { visibility: hidden; } .none { display: none; } .container { width: 60%; padding: 15px; background: red; border: 1px solid black; } <div class='container'> Three normal divs, the middle one will have a style applied to hide or make it invisible in the lower panels <div>1 - normal div </div> <div>2 - none or visibility hidden below</div> <div>3 - normal div </div> </div> <p> </p> <div class='container'> When using `display:none` the div and its space disappear: <div>1 - normal div </div> <div class="none">2 - display will be none</div> <div>3 - normal div </div> </div> <p> </p> <div class='container'> when using `visibility: hidden` the div disappears but its space is reserved: <div>1 - normal div </div> <div class="hidden">2 - display will be none</div> <div>3 - normal div </div> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta