• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 ♣ 검색어 초기화 했을 때 사진이 세로로 출력 되는 현상

♣ 검색어 초기화 했을 때 사진이 세로로 출력 되는 현상

  • 이 주제에는 5개 답변, 2명 참여가 있으며 열매3 년, 1 월 전에 전에 마지막으로 업데이트했습니다.
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #32980

    열매
    참가자

    웹페이지 만들기를 혼자 해보고있습니다

    검색어 출력후 지우면 저렇게 초기화가 되는데

    float:left를 먹이고 싶습니다.. 

    조건을 준뒤 if(#search.val == null) 일때 사진들을 float left로 나오게끔 일일이 html코드를 다 짜놓아야할까요? 코드가 지저분해지는건 싫지만 그게 방법이면 어쩔수 없겠네요..

    선생님의 팁이 있다면 알려주시기바랍니다..ㅠ..

    #32981

    열매
    참가자

    그나마 제가 알아본 것은
    if(검색어.length == 0) {
           location.reload(); $("#search").focus();

    인데 뭔가 글을 지우고 다시 새로고침한뒤 글을쓰려고하니
    조금 매끄럽지가 않아서 좋은 코드는 아닌 것 같습니다..
    답변기다리고 있겠습니다,  감사합니다!

    #33009

    codingapple
    키 마스터

    박스들에 float : left 들어있는 클래스명 넣어두면 해결되지않을까요 

    #33045

    열매
    참가자

    네 저도 그렇게 생각하고 코드를 짜보았는데 되지가 않고있습니다...
    두가지 궁금증이 떠올랐는데요,
    1. 둘다 $(".item").eq(0).append() 에 의존하고 있으니 item이라는 클래스의 영향을 받을텐데
        왜 기존의 사진들만 float:left 영향을 받는중이고, 새로생긴 div들은 왜 안먹히는 것일까요..?

    2. 아래 사진처럼

    검색후 나오는 div의 변화를 쉽게 보기위해서 배경을 빨간색으로 해보았습니다
    float를 left로 주어도 변함이 없네요 ㅠㅠ... 제가 뭘 놓치고 있는걸까요?

    #33067

    codingapple
    키 마스터

    css짠게 궁금하면 개발자도구 elements 탭가서 검사해보면 됩니다 

    아마 width같은게 부족해서 밑으로 밀려나거나 그런걸수도요 

    #33079

    열매
    참가자

    아~ 그렇게 될수도 있겠네요 선생님의 css강의도 들어보고 오겠습니다

    감사합니다~!

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠