У меня есть диапазон, который будет содержать текст. Я хотел бы, чтобы диапазон расширялся до максимума в 500 пикселей, чтобы разместить текст внутри. После достижения максимума я хотел бы, чтобы текст отображал эллипсы для любого текста, переполняющего максимальную ширину. Это возможно? Я попробовал следующее, но это не помогло.
Спасибо
{
position: absolute;
top: 13px;
left: 44px;
max-width: 500px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
Пределы отображаются по умолчанию: встроенные, что может вызвать странное поведение при назначении измерений. Если он позиционируется абсолютно в любом случае, вы должны использовать div или установить вместо него span: display: block.
Я не уверен, если это решит вашу проблему, но это начало :)
Это интересная статья о том, как заставить многоточие работать во всех современных браузерах без использования JavaScript.
Этот javascript усечет ваш текст и добавит многоточие. (Не разбивая его в середине слова или разметки)
Не уверен в совместимости браузера i, но он должен работать:)
Надеюсь, что это поможет.