2026, 새로운 도약을 시작합니다.

css 질문입니다 채택완료

Copy




                

                        제목 1

                        설명 1

                        


                        내용1

                

                

                    

                

            

            


            

                

                        제목2

                        설명2

                        


                        내용2

                

                

                    

                

            

이렇게 코드를 짠 상태인데

이미지가 왼쪽으로 옮겨졌으면 좋겠는데

밑에 이미지 div에 css클래스에 float-left 넣어줘도 가지가 않습니다

기존 css인 row때문일까요?

답변 3개

채택된 답변
+20 포인트

코드 순서를 ㅂ꾸면 안되나요?

Copy




    
        
    
    
        제목 1
        설명 1
        

        내용1
    
   


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

답변에 대한 댓글 3개

https://sir.kr/qa/498167?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5
전에 했던 질문 이어서 입니다ㅠ
부트스트랩4 사용하시는거 같은데요.
https://getbootstrap.com/docs/4.6/layout/grid/#order-classes
order 클래스 사용해 보세요
order클래스도 페이지 사이즈가 줄어들면 전에 질문했던대로 나오네요,,

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

만약 이미지가 왼쪽으로 정렬되길 원한다면, 각 이미지 div에 다음과 같은 CSS 속성을 추가할 수 있습니다.

Copy


.col-md-6:nth-child(even) img {

  float: left;

}

이 코드는 짝수 번째 .col-md-6 div의 자식 요소인 이미지에게 왼쪽으로 흐르는 float를 지정합니다. 
이렇게 함으로써, 각 이미지가 왼쪽에 정렬되어, 나머지 콘텐츠가 오른쪽에 나타나게 됩니다.
따라서, 전체 코드는 다음과 같이 수정될 수 있습니다.

Copy




    

        제목 1

        설명 1

        


        내용1

    

    

        

    








    

        제목2

        설명2

        


        내용2

    

    

        

    





    .col-md-6:nth-child(even) img {

        float: left;

    }



위의 코드를 적용하면, 이미지가 왼쪽으로 흐르는 float 속성을 적용받게 되며, 따라서 각 이미지가 왼쪽으로 정렬됩니다.

챗GPT 답변입니다.

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

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

Copy


  

                

                        제목 1

                        설명 1

                        


                        내용1

                

                

                    

                

            

            


            

                

                        제목2

                        설명2

                        


                        내용2

                

                

                    

                

            

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

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

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

로그인
🐛 버그신고