갤러리 게시판 리스트에서 분류별로 정렬하려면...

</span></p>

<p>$current_category = '';

while ($row = sql_fetch_array($result)) {

    if ($current_category !== $row['ca_name']) {

        if ($current_category !== '') {

            echo "</div>"; // 이전 카테고리 닫기

        }

        $current_category = $row['ca_name'];

        echo "<h2>{$current_category}</h2>";

        echo "<div class='gallery-category'>";

    }

    // 게시물 출력

    echo "<div class='gallery-item'>";

    echo "<img src='{$row['wr_file']}' alt='{$row['wr_subject']}'>";

    echo "<p>{$row['wr_subject']}</p>";

    echo "</div>";

}

if ($current_category !== '') {

    echo "</div>"; // 마지막 카테고리 닫기

}</p>

<p><span style="font-size:12pt;">

</span></p>

<p>.gallery-category {

    display: flex;

    flex-wrap: wrap; /* 여러 줄로 배치 */

    gap: 1%; /* 항목 간 간격 */

    margin-bottom: 40px; /* 분류 간 간격 */

}

.gallery-category h2 {

    width: 100%; /* 분류명은 전체 줄 차지 */

    font-size: 24px;

    margin-bottom: 20px;

}

.gallery-item {

    flex: 1 1 calc(30% - 1%); /* 한 줄에 3개 */

    margin-bottom: 20px;

    text-align: center;

}

.gallery-item img {

    width: 100%;

    height: auto;

    border-radius: 5px;

}

.gallery-item p {

    margin-top: 10px;

    font-size: 16px;

    color: #555;

}</p>

<p><span style="font-size:12pt;">

</span></p>

<p><span style="font-size:12pt;">.gallery-category {

    margin-bottom: 40px; /* 분류 블록 간 간격 */

    padding: 10px;

    border-bottom: 1px solid #ddd; /* 분류 구분선 */

}</span></p>

<p><span style="font-size:12pt;">