Snippets Collections
// Get all elements with the class "jet-form-builder-file-upload__content"
2
var fileUploadContentDivs = document.querySelectorAll('.jet-form-builder-file-upload__content');
3
​
4
// Iterate through each div
5
fileUploadContentDivs.forEach(function (div) {
6
    // Check if the div has any content
7
    if (div.innerHTML.trim() !== '') {
8
        // If content exists, display the div
9
        div.style.display = 'block';
10
    } else {
11
        // If no content, hide the div
12
        div.style.display = 'none';
13
    }
14
});
15
--Al escribir palabras en un parrafo o "div" las letras se ordenan una tras otra horizontalmente
  y habra un espacio si lo pides(pero no habra 2 espacios); y si saltas, no se mostrara en el         navegador porque lo completa horizontalmete con un espacio(entendiendo como si hisieras espace)
  -span dentro de "div o parrafo": se comporta completamente igula que las letras
  -ojo si el "div" tiene "display: flex;" ya no sera identica que una palabra

-- span>span(span.s dentro de span) si saltas lo juntara dandole espacio; y si juntas 2 span
  (horizontalmente y sin espacio) dentro de un span los mantendra juntos sin espacio.
   -OJO: es igual, como si estubiera dentro de un "div" o "p"

--------- NOTA: Es muy importante conocer el comportamiento de los elementos anidados
                y los espacios que el navegador da por defecto -------------
div {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
star

Sun Feb 11 2024 21:21:10 GMT+0000 (Coordinated Universal Time)

#div #show-and-hide
star

Thu Mar 17 2022 00:07:44 GMT+0000 (Coordinated Universal Time)

#html #span #p #div
star

Fri Sep 03 2021 10:54:39 GMT+0000 (Coordinated Universal Time)

#css #design #div #center #imp

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension