테스트 사이트 - 개발 중인 베타 버전입니다

첨부 이미지 정렬 채택완료

허걱김선생 2년 전 조회 1,903

수고하십니다.

 

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

 

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

 

 

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

 

 

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

감사합니다.

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

답변 4개

채택된 답변
+20 포인트
웅푸
2년 전

쇼핑몰 인가요?

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

답변에 대한 댓글 1개

허걱김선생
2년 전
아니요. 게시판입니다.

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

이런식으로 커집니다.

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

답변에 대한 댓글 2개

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

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

s
sinbi Expert
2년 전

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

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

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

답변에 대한 댓글 1개

허걱김선생
2년 전
감사합니다. 즐겨 찾기 해두겠습니다. ^^

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

</p>

<p><?php

        // 파일 출력

        $v_img_count = count($view['file']);

        if($v_img_count) {

            echo "<p align='center'>";</p>

<p>            for ($i=0; $i<=count($view['file']); $i++) {

                echo get_file_thumbnail($view['file'][$i]);

            }</p>

<p>            echo "</p>";

        }

?></p>

<p>

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

답변에 대한 댓글 2개

웅프
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>";
}
?>

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

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

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

로그인