2

Quiero poner un salto de linea en el div para que quede

actualizar datos

y no actualizar datos

pero lo necesito es cuando la pantalla tenga un ancho de 768px a 1000px

<button id="btnActualizar" class="btn btn-default">
  <span class="glyphicon glyphicon-user iconBoton"></span>
  <div>
    Actualizar Datos
  </div>
</button>

6
  • 2
    Intentaste agregar un <br/> entre las palabras "Actualizar" y "Datos".
    – dlr
    Commented el 6 mar. 2019 a las 20:57
  • si pero solo necesito el <br/> cuando el ancho de la pantalla este en 768px a 1000px
    – PANGALLETA
    Commented el 6 mar. 2019 a las 20:59
  • necesitas utilizar media queries
    – Klaimmore
    Commented el 6 mar. 2019 a las 21:02
  • Disculpa pase por alto lo del ancho de la pantalla, entonces olvida el <br/> e investiga sobre los media queries
    – dlr
    Commented el 6 mar. 2019 a las 21:02
  • 1
    Encierralos en un <span> y con un media querie los pones en display: block Commented el 6 mar. 2019 a las 21:04

1 respuesta 1

7

Algo así necesitas, para ver el resultado dale ver en pantalla completa


Ref: Media Queries

@media(min-width: 768px){
  .wrap span{
    display: block;
  }
}
<button id="btnActualizar" class="btn btn-default">
  <span class="glyphicon glyphicon-user iconBoton"></span>
  <div class="wrap">
    <span>Actualizar</span>
    <span>Datos</span>
  </div>
</button>

1
  • 1
    Gracias viejo me sirvio mucho
    – PANGALLETA
    Commented el 6 mar. 2019 a las 21:25

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.