지금 사진과 같이 div 밖으로 글씨가 삐져나갑니다
저거랑 똑같ㅇ ㅣ 생긴게 메인에도 있지만 그거는 글씨가 잘려서 내려가거든요 ㅠㅠ
ㄱㅔ시판 아래에 만들어논 이녀석만 저러는데 제가 css를 잘못준건가요??
white-space 라는 속성도 있길래 줘봤었는데 그러면 양옆에 있는게 한줄이라그런지 height 값무시하고 한줄만큼아래로 내려가더라구요..
a태그로 div를 감싸도 똑같구요ㅠㅠㅠ
도대체 왜이라는건지 아시는분 계신가요?ㅠㅠㅠ
답변 3개 / 댓글 3개
채택된 답변
+20 포인트
2016-05-17 (화) 16:58:05
아래와 같은 방식으로 div 안에 table로 감싸주면 간단히 글씨가 삐져나는 것을 방지 할 수 있습니다.
<div><table width="div안에 들어갈만한 사이즈"><td>내용</td></table></div>
답변에 대한 댓글 1개
2016-05-17 (화) 17:06:43
port443
2016-05-18 (수) 09:56:15
https://jsfiddle.net/ev2d2j19/
참조해보세요 제가봤을때는 위에 선언된 레이아웃의 구조를 이해 못하신거 같아보이시네요.
port443
2016-05-17 (화) 17:00:34
a 태그 자체에 width 가 존재 할 수 없겠죠
감싸는 태그에 width 지정이 있어야 합니다.
그렇지 않으면 넘어가겠죠~
답변에 대한 댓글 2개
2016-05-17 (화) 17:06:08
a태그를 감싸는div에 width가 100%로 먹힌 상태입니다 첫번째 스샷만큼 영역인데.. 뚫고 나와요 ㅠㅠ
port443
2016-05-18 (수) 09:51:28
width 의 100% 는 저 네모창의 100%로 보기 어려울거 같은데요 ;
뚫고나온다기 보다는 그 자체가 잡힌게 크게 잡혀있으니 정상적으로 나온거 같구요
뚫고나온다기 보다는 그 자체가 잡힌게 크게 잡혀있으니 정상적으로 나온거 같구요
답변을 작성하려면 로그인이 필요합니다.
일단은 그 방법으로 해두어야 겠군요, 감사합니다!