19/01/2016, 10:04
| ||||
| ||||
| Bordes que no ocupen espacio en una capa Hola tengo una duda: Si yo creo 4 divs con la propiedad float: left dentro de un div que ocupa el 100% del width y a cada div le indico un width de 25%, me quedan 4 divs alineados ocupando el 100 del ancho de la página, pero si les añado la proiedad border-style: solid; border-widt: 1px; entonces el ultimo div me lo pasa a la linea de abajo. ¿Hay alguna forma de poner bordes sin que ocupen espacio adicional? Gracias Saludos bichomen
__________________ "Se sabe con exactitud, con cuanta imprecisión, se sabe algo" Linux Registered User #320332 |
|
19/01/2016, 16:50
| ||||
| ||||
| Respuesta: Bordes que no ocupen espacio en una capa Si claro que sí la hay, se llama box-sizing: border-box; o también puedes probar con box-shadow: inset 0 0 0 1px black; y creas un borde con las sombras internas.
__________________ Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso. WEB: G3K.co | codepen.io/g3kdigital |
|
20/01/2016, 03:09
| ||||
| ||||
| Respuesta: Bordes que no ocupen espacio en una capa Cita: Hola @g3kdigital, justamente ayer estaba revisando tu blog para entender como funciona flexbox
Iniciado por g3kdigital  Si claro que sí la hay, se llama box-sizing: border-box; o también puedes probar con box-shadow: inset 0 0 0 1px black; y creas un borde con las sombras internas. bichomen
__________________ "Se sabe con exactitud, con cuanta imprecisión, se sabe algo" Linux Registered User #320332 |
| Etiquetas: |
