2011-03-29 2 views
0

У меня есть фиксированный размер div с генерируемым текстом внутри него.Динамический текст в фиксированном размере div

Есть ли какой-нибудь простой способ вырезать текст перед концом div и добавить «...» в конец с помощью DOJO или простого Javascript? Есть ли способ сделать это независимо от того, какой размер шрифта я использую?

Единственный способ, который приходит мне на ум, - рассчитать, сколько персонажей с фактическим шрифтом вписывается в мой div и чем сокращать текст так долго, но это выглядит довольно хромым :-) любые предложения?

+2

http://stackoverflow.com/questions/4927257/text-overflowellipsis-in-firefox-4/ - не содержит решения на основе Dojo, хотя. – thirtydot

+0

Whow, taht отлично смотрится в IE, но, к сожалению, мне нужно кросс-браузерное решение, которое работает в Firefox, IE, Chrome и Safari: -/Но спасибо в любом случае .. – Gatekeeper

+0

'text-overflow: ellipsis' отлично работает на WebKit- основанные браузеры. –

ответ

1

Может быть, это помогает dojo.html.ellipsis

+0

Да, именно это я и искал. к сожалению, есть и другая проблема ... Мне нужно применить это в проекте, запущенном на Websphere Commerce, который поддерживает только Dojo 1.3, и эта функция входит в версию 1.4. Aaaargh! Stupid IBM – Gatekeeper

+1

скопируйте файл. это с открытым исходным кодом, и он может работать на Dojo 1.3. – peller

+1

Используйте «text-overflow: ellipsis» для IE и WebKit, используйте это для FireFox (проверьте dojo.isFF). –

Смежные вопросы