채택완료

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

2022-08-20 (토) 02:19:21 2,324
Copy
<div style="text-align: center;">
            <br>

            <?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>


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

위 처럼 코딩을 하면

회원이미지가..

이렇게 세로로 나옵니다.

제가 원하는건

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

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
2022-08-20 (토) 02:34:00

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

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

답변에 대한 댓글 2개

2022-08-20 (토) 10:02:28
display: -webkit-flex; 을 display:inline-block 으로 바꿔주니 옆으로 나열이 되네요

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

get_member_profile_img() 함수가

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

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

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