오버플로시 텍스트에 새로운 줄이 표시되지 않게하는 방법

목록의 일부 항목이 짧고 일부 또는 실제로 링입니다. 텍스트가 길면 새 라인을 만들고 싶지 않습니다. 나는 새로운 라인을 만들지 않고 단지 한 줄에 들어갈 수있는 폰트 크기를 줄이는 방법을 찾고있다. 선폭과 같은 것!? 또는 다음 줄로 갈 때 나머지 텍스트를 표시하지 않으려면 어떻게해야합니까? 그래서 텍스트가 커지면 그냥 놓고 ... 다음 줄에는 나머지를 표시하지 마십시오.오버플로시 텍스트에 새로운 줄이 표시되지 않게하는 방법

.Music li .songName{ 
    background:url(img/play-button.png) no-repeat left center; 
    background-size:40px; 
    padding-left:45px; 
    float:left; 
    padding:5px; 
    font-size:40px; 
    text-transform:uppercase; 
    font-family: 'Raleway', sans-serif; 
    font-weight:300; 
    }

어떤 생각을 : 여기

내가 지금까지 한 일입니까?

출처

2013-09-07 Kamran Jafari

기본적으로 라인이 길면 글꼴 크기를 더 작게하는 조건이 필요합니다. –

@JoshC Yh, 또는 다음 줄로가는 나머지 텍스트를 표시하지 않으려면 어떻게해야합니까? 그래서 텍스트가 커지면 그냥 놓습니다 ... 나머지 줄은 표시하지 않습니다. –

보통 CSS에서는 가능하지 않다고 생각합니다. 그렇지 않으면 브라우저 간 호환이 가능하지 않습니다 (특히 IE). 솔루션은 javascript/jQuery와 함께 사용됩니다. 나는 텍스트를 크기를 조정하는 데 도움이 될 수있는이 플러그인 http://fittextjs.com/을 발견했다. (havent는 아직 시도하지 않았다.)
다른 해결책은 div/span 요소에 텍스트를 추가하고 div 및 너비 div를 측정하고 페이지로드시 크기를 조정하는 것입니다 (여기서는이 디퓨션과 같은 것 : http://css-tricks.com/forums/topic/is-it-possible-to-adapt-font-size-to-div-width/). 귀하의 연구 및 문제 해결 :) 그리고 여기서 주제 (http://jbdes.net/dev/js/fontsize.html)의 예입니다. 그것은 조금 수정해야합니다

예 : if ($ ("span"). width> $ ("div"). 너비) 다음 크기를 조정하십시오.

출처

2013-09-07 17:07:20 mwebber

도와 주셔서 감사합니다. 나는 JS를 단순하게 유지하기 위해 JS를 사용하지 않을 생각이었다. 텍스트가 너비보다 길고 넣으면 ... 새로운 줄을 놓을 수 없다면 이벤트가 계속 될 것입니다. 그러나 나는 정말로 당신의 도움에 감사 드리며,이 두 플러그인은 일을하는 것처럼 보입니다. –

오버플로시 텍스트에 새로운 줄이 표시되지 않게하는 방법

답변

관련 문제