усечение длинных строк с помощью css: возможно?

<p>есть ли какой-нибудь хороший способ усечения текста с простым html и css, чтобы динамический контент мог поместиться в макет с фиксированной шириной и высотой?</p><p>я обрезал на стороне сервера <em> логическую </em> ширину (т. е. число символов, угаданное вслепую), но так как "w" шире, чем "w" 'i' это имеет тенденцию быть неоптимальным, а также требует от меня переоценки (и настройки) количества символов для каждой фиксированной ширины. в идеале усечение должно происходить в браузере, который знает <em> физическую </em> ширину отображаемого текста.</p><p>я обнаружил, что ie имеет свойство <code>text-overflow: ellipsis</code>, которое делает именно то, что я хочу, но мне нужно, чтобы это было кросс-браузерным. это свойство <a href="http://www.quirksmode.org/css/textoverflow.html">кажется (несколько?) стандартным</a> , но не поддерживается firefox. я нашел <a href="http://www.jide.fr/emulate-text-overflowellipsis-in-firefox-with-css">разные</a> <a href="https://stackoverflow.com/questions/480722/how-can-i-set-a-td-width-to-visually-truncate-its-displayed-contents">обходные пути</a> на основе <code>overflow: hidden</code>, но они либо не отображают многоточие (я хочу, чтобы пользователь знал, что контент был усечен), либо отображают его все время (даже если содержание не было усечено).</p><p>у кого-нибудь есть хороший способ размещения динамического текста в фиксированном макете или усечение на стороне сервера по логической ширине так же хорошо, как я собираюсь сейчас получить?</p>

<p>хорошо, firefox 7 реализовал <code>text-overflow: ellipsis</code>, а также <code>text-overflow: "string"</code>. окончательный релиз запланирован на 2011-09-27.</p>

<p>другим решением проблемы может быть следующий набор правил css:</p><pre><code>.ellipsis{ white-space:nowrap; overflow:hidden; } .ellipsis:after{ content:'...'; } </code></pre><p>единственный недостаток вышеупомянутого css заключается в том, что он добавляет "..." независимо от того, переполняет ли текст контейнер или нет. тем не менее, если у вас есть случай, когда у вас есть куча элементов и вы уверены, что содержимое будет переполнено, это будет более простой набор правил.</p><p>мои два цента. снимаю шляпу перед оригинальной техникой джастина максвелла</p>

<p>для справки вот ссылка на отслеживание "ошибок" <a href="https://bugzilla.mozilla.org/show\_bug.cgi?id=312156">переполнение текста: поддержка многоточия в firefox</a> . похоже, firefox - единственный крупный браузер, который не поддерживает нативное решение css.</p>