첨부 이미지 정렬 채택완료

2년 전 조회 2,072

수고하십니다.

이미지를 첨부하면 세로 방향으로 쭈욱 내려가는데 가로 방향으로 나오게 할 수 있을까요?

비타주리님 스킨을 보면 메인 사진이 있고 아래 이미지를 클릭하면 변하게 되는데요.

1888603148_1693185950.0897.jpg

그냥 이렇게 만이라도 정렬되면 좋겠는데

1888603148_1693186001.4102.jpg

조언 좀 부탁드려도 될까요.

감사합니다.

답변 4개

채택된 답변
+20 포인트

쇼핑몰 인가요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아니요. 게시판입니다.

댓글을 작성하려면 로그인이 필요합니다.

thumb-1888603148_1693189334.6517_730x148.jpg

이런식으로 커집니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

echo "<div style='margin: 10px; width: 100px; height: 100px;'>"; 이렇게 바꿔 보시구요 그래도 않되면 css 에서 동일하게 가줘야합니다. 일단해보세요
잘 됩니다. 정말 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

아래 소개된 속성들만 공부하시면 웬만한 레이아웃은 다 구성 가능할 겁니다.

https://homzzang.com/b/css-254

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다. 즐겨 찾기 해두겠습니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

Copy
<?php
        // 파일 출력
        $v_img_count = count($view['file']);
        if($v_img_count) {
            echo "<p align='center'>";

            for ($i=0; $i<=count($view['file']); $i++) {
                echo get_file_thumbnail($view['file'][$i]);
            }

            echo "</p>";
        }
?>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

<?php
// 파일 출력
$v_img_count = count($view['file']);
if ($v_img_count) {
echo "<div style='display: flex; align-items: center; justify-content: center;'>";
for ($i = 0; $i < $v_img_count; $i++) {
echo "<div style='margin: 10px;'>";
echo get_file_thumbnail($view['file'][$i]);
echo "</div>";
}
echo "</div>";
}
?>

이렇게 해보세요
감사합니다. 너무 잘 나오네요.
그런데 이미지가 우측으로 갈 수 록 더 커지는데 같은 사이즈로 유지할 수 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고