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

회원 이미지 배열? 나란히 보이게 하는 방법 문의 채택완료

타버린나무 3년 전 조회 1,901

</p>

<p>            <div style="text-align: center;">

            
</p>

<p>            <?php

                $sql = "select * from `{$g5['login_table']}` where lo_location LIKE '출석체크%' ";

                $result = sql_query($sql);

                $vs_cnt= sql_num_rows($result);

                if( $vs_cnt <= 0 )  { echo " 데이타가 없습니다."; }

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

                    echo '<span class="avatar35px" style="">'. get_member_profile_img($row['mb_id'], '35px') .'</span>';

                }

            ?>

            </div></p>

<p>

<style>

.avatar35px { width: 35px; height: 35px; background: #f2f2f2; overflow: hidden;   display: -webkit-flex;  border-radius: 50% ;}

</style>

 

위 처럼 코딩을 하면

회원이미지가..

이렇게 세로로 나옵니다.

 

제가 원하는건

ㅇ ㅇ ㅇ  이렇게 가로로 배열이 됐으면 합니다.

 

 

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

답변 2개

채택된 답변
+20 포인트

가로면 css 문제인거같은데 일단 float 이나 display:inline-block

혹은 display:flex를 줘서 나열하면될것같아요

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

답변에 대한 댓글 2개

타버린나무
3년 전
display: -webkit-flex; 을 display:inline-block 으로 바꿔주니 옆으로 나열이 되네요

혹시 display: -webkit-flex; 의 뜻은 뭔지 여쭤봐도 될까요. 인터넷 뒤져봐도 나오질 않네요
리오닥터
3년 전
display: -webkit-flex 이거는 웹킷 플렉스라고 크롬에서 작동되는거에요 크롬용있고 뭐 파이어폭스 등 있는데 일반적으로 플렉스만 써도 다 먹힐거에요

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

get_member_profile_img() 함수가

어떤 html을 리턴하는지 살펴 보세요.

거기에 다른 댓글에 있는 css 를 적용하사면 됩니다.

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

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

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

로그인