[긴급]PHP 원격 코드 실행 취약점 안내
이전 목록 다음
채택완료

css flex로 레이아웃 6:4비율을 잡으려는데 flex-grow: 6; flex-grow: 4; 이렇게 했을때는 잘 나오는데... div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는 현상이 있어서요.. ​ 고정시킬방법을 못찾고있습니다.. 부탁드립낟 ㅠㅠ

그그누보드초보이용자
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-05-03 (수) 10:23:45 2,550

css flex로 레이아웃 6:4비율을 잡으려는데 flex-grow: 6; flex-grow: 4;

이렇게 했을때는 잘 나오는데... div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는 현상이 있어서요..

​

고정시킬방법을 못찾고있습니다.. 부탁드립낟 ㅠㅠ

3690021994_1683077014.5609.png

css flex
|

답변 4개

채택된 답변
+20 포인트
wwwiz
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-05-03 (수) 13:27:11
Copy 
<div style="display: flex;flex-wrap: wrap;">
        <div style="flex: 1 1 60%; max-width:60%;">
              left
        </div>
        <div style="flex: 1 1 40%; max-width:40%;">
            right
        </div>
    </div>
엑엑스엠엘
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-05-04 (목) 05:14:13

div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는...

==

고정  하게 되면

컨텐츠는 어떻게 되어야 하는지

원하시는 방향이 필요합니다.

그냥 자를지

세로로 길게 되어야 하는지...

위버
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-05-03 (수) 10:37:53

이렇게 해보세요

Copy 
<div style="display: flex;flex-wrap: wrap;">
        <div style="flex: 0 0 auto;width: 60%;">
              left
        </div>
        <div style="flex: 0 0 auto;width: 40%; ">
            right
        </div>
    </div>
myzone
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2023-05-03 (수) 10:29:25

flex-grow:6 div 에 word-wrap: break-word; overflow-x:hidden; 추가해보세요


 

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