모바일에서 본문 잘리는 현상
본문
모바일에서 내용 출력을 하면 반이 잘려 나갑니다.
width 문제는 아닌 것이 제목은 중간에 이미지도 잘리지 않고 나오는데 본문 내용만 잘려서 나옵니다.
방법을 아시면 도움 부탁드립니다.
답변 2
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- margin-bottom: 0;
해당css를 추가삽입하시면 됩니다 내용부분
모바일 브라우져 특성을 타는 군요,
돌핀에서만 안되네요,
display:block;overflow:hidden;width:145px;white-space:nowrap;text-overflow:ellipsis;-o-text-overow: ellipsis;-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefinedundefined;
대안코드
display:block;overflow:hidden;width:145px;height:14px;text-overflow:ellipsis;-o-text-overflow:ellipsis}
a,x:-moz-any-link,x:default{white-space:normal;word-wrap:break-word} /* Firefox 에서 줄 바꿈이 가능하도록 변경 */
*+html a{white-space:nowrap} /* 위 행이 IE7에도 적용되므로 IE7에만 줄 바꿈이 불가능하도록 다시 복원 */
답변을 작성하시기 전에 로그인 해주세요.