모바일에서 내용 출력을 하면 반이 잘려 나갑니다.
width 문제는 아닌 것이 제목은 중간에 이미지도 잘리지 않고 나오는데 본문 내용만 잘려서 나옵니다.
방법을 아시면 도움 부탁드립니다.
|
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
그누스트랩
10년 전
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- margin-bottom: 0;
해당css를 추가삽입하시면 됩니다 내용부분
10년 전
모바일 브라우져 특성을 타는 군요,
돌핀에서만 안되네요,
답변에 대한 댓글 1개
돼지코구뇽
10년 전
답변을 작성하려면 로그인이 필요합니다.
대안코드
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에만 줄 바꿈이 불가능하도록 다시 복원 */