이미지와 텍스트 일체화?
본문
<?php foreach($arr_banner as $v){ ?>
<a class="pc_img" href="<?php echo $v[0];?>" target="<?php echo $v[2];?>"><img src="<?php echo $v[1];?>" alt="<?php echo $v[3];?>" style="width:24.5%; margin-bottom: 5px;"></a>
<a class="mo_img" href="<?php echo $v[0];?>" target="<?php echo $v[2];?>"><img src="<?php echo $v[1];?>" alt="<?php echo $v[3];?>" style="width:49%; margin-bottom: 5px;"></a>
<?php } ?>
이렇게 해서
요렇게 표현하고있는데
이미지 밑에 텍스트를 넣고 같이 움직이게 하고싶은데, 텍스트를 넣으면
이렇게 표현되거나 아니면 이미지옆에 텍스트가 붙거나 하네요...(이미지를 밑으로 내린건 br로 내렸습니다.)
이미지랑 텍스트가 하나처럼 취급되서 위 이미지처럼 표현되고, 그 밑에 텍스트가 붙게하고싶은데
어찌해야할까요...?
답변 1
전체 박스를 div나 li 등을 이용해 display flex 해주고
그 아래 a 태그를 정렬하시고 a 태그 내부의 img 와 p 태그를 활용해 text를 포함한 하나의 박스를 그리면 됩니다.
그쵸... 그럼 되어야하는게 맞을텐데 이건 대체 왜이러는걸까요..ㅋㅋㅋㅋ
답변을 작성하시기 전에 로그인 해주세요.