회원 이미지 배열? 나란히 보이게 하는 방법 문의
본문
<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
가로면 css 문제인거같은데 일단 float 이나 display:inline-block
혹은 display:flex를 줘서 나열하면될것같아요
display: -webkit-flex; 을 display:inline-block 으로 바꿔주니 옆으로 나열이 되네요
혹시 display: -webkit-flex; 의 뜻은 뭔지 여쭤봐도 될까요. 인터넷 뒤져봐도 나오질 않네요
display: -webkit-flex 이거는 웹킷 플렉스라고 크롬에서 작동되는거에요 크롬용있고 뭐 파이어폭스 등 있는데 일반적으로 플렉스만 써도 다 먹힐거에요
get_member_profile_img() 함수가
어떤 html을 리턴하는지 살펴 보세요.
거기에 다른 댓글에 있는 css 를 적용하사면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.