You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress Divi theme下如何选模块实现图片单行对齐

How to Achieve Single-Row Image Alignment with Divi (WordPress)

Hey there, based on your goal of getting images aligned in a single row using Divi, here are the exact module options you’ll want to pick from the New Module menu, depending on your specific use case:

Option 1: Single Image in a Row (Left/Center/Right Aligned)

If you’re working with a single image that needs to sit neatly in a row with your chosen alignment (left, center, right), select the Image module:

  • After adding the module, head to the Design tab.
  • Look for the Alignment setting (under the Image section) and choose your preferred alignment. This will lock the image to that position within its row container.

Option 2: Multiple Images in a Single Row (Side-by-Side)

For multiple images arranged horizontally in one row, you have two reliable options:

Sub-option A: Row + Image Modules (Most Flexible)

  1. First add a Row module (this is the container for your row of images).
  2. Adjust the row’s column count (e.g., 3 columns for 3 images) in the Row Settings > Content tab.
  3. Add an Image module to each column. The images will automatically align horizontally in a single row, and you can tweak spacing, alignment, and image sizing per column for full control.

If you want a faster setup for multiple images, select the Gallery module:

  • After adding it, go to the Design tab.
  • Set Gallery Layout to Grid (Masonry works too, but Grid is better for strict row alignment).
  • Adjust the Columns setting to match how many images you want in the single row (e.g., 4 columns for 4 images side-by-side).
  • Use the Image Spacing slider to control the gap between images for clean alignment.

内容的提问来源于stack exchange,提问作者flash

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 03:37:45