테스트 사이트 - 개발 중인 베타 버전입니다

css word-break가 안멱혀요ㅠㅠ 채택완료

곰글 9년 전 조회 10,613

 

 

지금 사진과 같이 div 밖으로 글씨가 삐져나갑니다

저거랑 똑같ㅇ ㅣ 생긴게 메인에도 있지만  그거는 글씨가 잘려서 내려가거든요 ㅠㅠ

ㄱㅔ시판 아래에 만들어논 이녀석만 저러는데 제가 css를 잘못준건가요??

 

white-space 라는 속성도 있길래 줘봤었는데 그러면 양옆에 있는게 한줄이라그런지 height 값무시하고 한줄만큼아래로 내려가더라구요..

 

a태그로 div를 감싸도 똑같구요ㅠㅠㅠ

도대체 왜이라는건지 아시는분 계신가요?ㅠㅠㅠ

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

답변 3개

채택된 답변
+20 포인트
9년 전

아래와 같은 방식으로 div 안에 table로 감싸주면 간단히 글씨가 삐져나는 것을 방지 할 수 있습니다.

내용
 

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

답변에 대한 댓글 1개

곰글
9년 전
테이블쓰는 방법외엔 혹시 없나요..?
일단은 그 방법으로 해두어야 겠군요, 감사합니다!

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

p
9년 전

https://jsfiddle.net/ev2d2j19/">https://jsfiddle.net/ev2d2j19/ 

참조해보세요 제가봤을때는 위에 선언된 레이아웃의 구조를 이해 못하신거 같아보이시네요.

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

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

p
9년 전

a 태그 자체에 width 가 존재 할 수 없겠죠

감싸는 태그에 width 지정이 있어야 합니다.

그렇지 않으면 넘어가겠죠~

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

답변에 대한 댓글 2개

곰글
9년 전
a태그를 감싸는div에 width가 100%로 먹힌 상태입니다 첫번째 스샷만큼 영역인데.. 뚫고 나와요 ㅠㅠ
p
port443
9년 전
width 의 100% 는 저 네모창의 100%로 보기 어려울거 같은데요 ;
뚫고나온다기 보다는 그 자체가 잡힌게 크게 잡혀있으니 정상적으로 나온거 같구요

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

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

로그인