[CSS] text-overflow:ellipsis 를 FireFox 에서 사용하기

아래 CSS는 FireFox에서 동작하지않는다.(text-overflow:ellipsis)

.ellipsis {

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

}

다음과 같은 XML 파일을 생성해준다.

<?xml version="1.0"?>

<bindings

xmlns="http://www.mozilla.org/xbl"

xmlns:xbl="http://www.mozilla.org/xbl"

xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"

>

<binding id="ellipsis">

<content>

<xul:description crop="end" xbl:inherits="value=xbl:text">

<children/>

</xul:description>

</content>

</binding>

</bindings>

그리고 CSS에서 다음과 같이 설정해주면된다.

.ellipsis {

text-overflow: ellipsis;

-moz-binding: url('ellipsis.xml#ellipsis');

}