JavaScript 없이 Firefox 4에서 text-overflow:ellipsis를 달성하는 방법은 무엇입니까?

Firefox 4의 text-overflow:ellipsis

Firefox 개발자는 CSS 속성에도 불구하고 2005년부터 text-overflow:ellipsis에 대해 논의해 왔습니다. 분명히 필요한데 실제로 구현하지 못하는 것 같습니다(심지어 실험적으로도 -moz- 구현으로도 충분합니다).

몇 년 전 누군가가 줄임표를 지원하기 위해 Firefox 3을 해킹하는 방법을 알아냈습니다. 이 해킹에서는 -moz-bind 기능을 사용하여 XUL을 사용하여 이를 구현합니다. 현재 이 해킹을 사용하는 웹사이트가 많이 있습니다.

나쁜 소식이요? Firefox 4에서는 -moz-바인딩 기능이 제거되었습니다. 이는 이 해킹이 더 이상 작동하지 않음을 의미합니다.

따라서 Firefox 4가 출시되면(이달 말이라고 들었습니다) 이 기능을 다시 지원할 수 없다는 문제에 직면하게 될 것입니다.

제 질문은: 이 문제를 해결할 수 있는 다른 방법이 있습니까? (자바스크립트 솔루션은 가능하면 피하려고 노력합니다)

[편집]
공감이 많아서 당연히 저뿐만 아니라 알고 싶은데 답변은 하나밖에 못 받았습니다. , 기본적으로 "JavaScript 사용"이라고 되어 있습니다. 어쨌든 JS가 필요하지 않거나 최악의 경우 CSS 기능이 작동하지 않는 경우 대체 수단으로 사용하는 솔루션을 원합니다. 그래서 누군가가 어딘가에서 답을 찾았기를 바라며 이 질문에 현상금을 걸겠습니다.

[편집]
업데이트: Firefox가 빠른 개발 모드에 진입했지만 FF5가 출시되었음에도 불구하고 이 기능은 여전히 ​​지원되지 않습니다. 이제 대부분의 사용자가 FF3.6에서 업그레이드했으므로 해킹은 더 이상 해결책이 아닙니다. 좋은 소식은 제가 아는 바로는 Firefox 6에 추가될 수도 있다는 것인데, 새로운 출시 일정에 따라 몇 달 안에 출시될 예정입니다. 그렇다면 기다릴 수 있을 것 같은데, 더 빨리 고쳐주지 못해서 안타깝습니다.

[최종 편집]
Firefox의 "Aurora 채널"(즉, 개발 버전)에 드디어 줄임표 기능이 추가된 것을 확인했습니다. 이는 2011년 후반에 출시될 것으로 예상되는 Firefox 7의 일부로 지금 출시되어야 함을 의미합니다. 정말 기쁘네요.

릴리스 노트는 여기에서 확인할 수 있습니다: https://developer.mozilla.org/en-US/Firefox/Releases/7

Firefox 4에서 텍스트 오버플로와 동일한 효과를 얻으려면 다음을 수행할 수 있습니다. 다음 JavaScript 코드를 사용하세요:

var limit = 50;
var ellipsis = "...";
if( $('#limitedWidthTextBox').val().length > limit) {
   // -4 to include the ellipsis size and also since it is an index
   var trimmedText = $('#limitedWidthTextBox').val().substring(0, limit - 4); 
   trimmedText += ellipsis;
   $('#limitedWidthTextBox').val(trimmedText);
}

위 내용은 JavaScript 없이 Firefox 4에서 text-overflow:ellipsis를 달성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!