css flex로 레이아웃 6:4비율을 잡으려는데 flex-grow: 6; flex-grow: 4; 이렇게 했을때는 잘 나오는데... div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는 현상이 있어서요.. 고정시킬방법을 못찾고있습니다.. 부탁드립낟 ㅠㅠ
본문
css flex로 레이아웃 6:4비율을 잡으려는데 flex-grow: 6; flex-grow: 4;
이렇게 했을때는 잘 나오는데... div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는 현상이 있어서요..
고정시킬방법을 못찾고있습니다.. 부탁드립낟 ㅠㅠ
답변 4
<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>
flex-grow:6 div 에 word-wrap: break-word; overflow-x:hidden; 추가해보세요
이렇게 해보세요
<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>
div안에 컨텐츠가 길어지면 100% 100%로 바꿔 버리는...
==
고정 하게 되면
컨텐츠는 어떻게 되어야 하는지
원하시는 방향이 필요합니다.
그냥 자를지
세로로 길게 되어야 하는지...
답변을 작성하시기 전에 로그인 해주세요.