채택완료

질문드립니다.

2016-02-19 (금) 16:55:48 6,342

a48b799404979002e6fd85ce0be3f22f_1455867722_9599.JPG
글씨제어를 하고싶습니다.

위에서 span 안에 php문으로 되어있는걸 썼습니다. 40이란 숫자로 글자를 표기하였습니다.

홈페이지를 반응형으로 만들었습니다. 그부분에 대하여 화면이 작아질수록 40 30 20 이렇게 표시를 하고싶습니다.

span안에는  

  1. width90%;
  2. font-size12px;
  3. white-spacenowrap;
  4. overflowhidden;
  5. text-overflowellipsis;
이렇게 css를 넣었습니다.

화면에따라서 한글자씩 줄어들었으면 좋겠습니다.. 화면 마다 다르게..

짧은 지식이라 어려워서 이렇게 글을 남기게 되었습니다..

큰화면

a48b799404979002e6fd85ce0be3f22f_1455868123_745.gif
 

작은화면 

a48b799404979002e6fd85ce0be3f22f_1455868464_5912.gif
 

답변 1개

채택된 답변
+20 포인트

이럴경우 php에서 하는것보다

css에서 처리가 간단합니다.

overflow: hidden; 

text-overflow: ellipsis; 

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