{"id":24282,"date":"2026-11-13T13:53:33","date_gmt":"2026-11-13T13:53:33","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/vertical-alignment-content-distribution\/"},"modified":"2026-11-13T13:53:33","modified_gmt":"2026-11-13T13:53:33","password":"","slug":"vertical-alignment-content-distribution","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/vertical-alignment-content-distribution\/","title":{"rendered":"C\u00f3mo ajustar la alineaci\u00f3n vertical y la distribuci\u00f3n del contenido en WP Table Builder"},"content":{"rendered":"
\n

Respuesta r\u00e1pida<\/p>\n\n\n\n

Para toda la tabla, abre la Settings<\/strong> (pesta\u00f1a), despliega Content Alignment<\/strong> y elige un valor de Vertical Alignment<\/strong> (Default, Top, Middle o Bottom) o de Content Distribution<\/strong> (Normal, Space between, Space around o Space evenly). Para una fila, columna o celda, selecciona una celda y usa las mismas opciones en Cell Control<\/strong> o Row & Column Control<\/strong>. La alineaci\u00f3n vertical solo funciona mientras Content Distribution est\u00e9 en Normal<\/strong>.<\/p>\n<\/div>\n\n\n\n

La alineaci\u00f3n vertical decide d\u00f3nde se sit\u00faa el contenido dentro de una celda cuando la celda es m\u00e1s alta que su contenido: arriba, en el centro o abajo. La distribuci\u00f3n del contenido decide c\u00f3mo se reparten el espacio libre varios elementos de una celda, por ejemplo para llevar un bot\u00f3n a la parte inferior de cada columna en una tabla de precios.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Requisitos<\/h2>\n\n\n\n
Concepto<\/th>Detalles<\/th><\/tr><\/thead>
Plan<\/strong><\/td>Gratis y Pro<\/td><\/tr>
Versi\u00f3n del plugin<\/strong><\/td>WP Table Builder 2.3.0 o posterior para la alineaci\u00f3n de toda la tabla (alineaci\u00f3n de filas y columnas desde la 2.1.12)<\/td><\/tr>
Tiempo necesario<\/strong><\/td>Aproximadamente 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Las opciones<\/h2>\n\n\n\n
Ajuste<\/th>Opciones<\/th>Qu\u00e9 hace<\/th><\/tr><\/thead>
Vertical Alignment<\/strong><\/td>Default, Top, Middle, Bottom<\/td>Mueve todo el contenido de la celda arriba, al centro o abajo<\/td><\/tr>
Content Distribution<\/strong><\/td>Normal, Space between, Space around, Space evenly<\/td>Reparte los elementos de una celda a lo largo de su altura<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Importante:<\/strong> La alineaci\u00f3n vertical no tiene efecto mientras Content Distribution tenga un valor distinto de Normal<\/strong>. El constructor muestra esta nota debajo del ajuste.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Alineaci\u00f3n para toda la tabla<\/h2>\n\n\n\n
    \n
  1. Abre la tabla en el constructor y haz clic en Settings<\/strong> .<\/li>\n\n\n\n
  2. Expand Content Alignment<\/strong>.<\/li>\n\n\n\n
  3. Elige un valor de Vertical Alignment<\/strong>, o de Content Distribution<\/strong>.<\/li>\n\n\n\n
  4. Haz clic en Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n
    \"Secci\u00f3n<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Alineaci\u00f3n para una fila, columna o celda<\/h2>\n\n\n\n
      \n
    1. Haz clic en el espacio vac\u00edo de una celda para seleccionarla.<\/li>\n\n\n\n
    2. Solo para esa celda, despliega Cell Control<\/strong> y usa Vertical Alignment<\/strong> y Cell content distribution<\/strong>.<\/li>\n\n\n\n
    3. Para toda su columna o fila, despliega Row & Column Control<\/strong> y usa Column vertical alignment<\/strong>, Column content distribution<\/strong> o Row vertical alignment<\/strong>.<\/li>\n<\/ol>\n\n\n\n

      Los ajustes de celda tienen prioridad sobre los de columna y fila, y estos sobre el ajuste de toda la tabla.<\/p>\n\n\n

      <\/div><\/div><\/div>\n\n\n

      Ejemplo: alinear los botones en una tabla de precios<\/h2>\n\n\n\n

      Las columnas de precios suelen tener listas de funciones de distinta longitud, as\u00ed que los botones quedan a alturas diferentes. Pon Content Distribution<\/strong> en Space between<\/strong> para la tabla o para la fila con las listas y los botones. El primer elemento se queda arriba y el \u00faltimo (el bot\u00f3n) baja al fondo, as\u00ed que todos los botones quedan alineados.<\/p>\n\n\n

      <\/div><\/div><\/div>\n\n\n

      Preguntas frecuentes<\/h2>\n\n\n
      \n
      \n\t\t\t
      \n\t\t\t

      \u00bfC\u00f3mo centro verticalmente el texto en una tabla de WP Table Builder?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      Abre la pesta\u00f1a Settings, despliega Content Alignment y pon Vertical Alignment en Middle. Aseg\u00farate de que Content Distribution est\u00e9 en Normal.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

      \n\t\t\t
      \n\t\t\t

      \u00bfPor qu\u00e9 la alineaci\u00f3n vertical no cambia nada?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      La alineaci\u00f3n vertical solo funciona cuando Content Distribution est\u00e1 en Normal, y solo cuando la celda es m\u00e1s alta que su contenido, por ejemplo cuando otra celda de la fila tiene m\u00e1s contenido.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

      \n\t\t\t
      \n\t\t\t

      \u00bfC\u00f3mo alineo los botones en la parte inferior de cada columna?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      Pon Content Distribution en Space between para la tabla, la fila o las celdas que contienen los botones.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

      \n\t\t\t
      \n\t\t\t

      \u00bfPuedo alinear una celda de forma distinta al resto?<\/strong><\/p>\n\t\t\t

      <\/span><\/div>\n\t\t<\/div>\n\t\t\t
      \n\n

      S\u00ed. Selecciona la celda y cambia Vertical Alignment o Cell content distribution en Cell Control.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

      <\/div><\/div><\/div>\n\n\n

      Documentos relacionados<\/h2>\n\n\n\n