Почему текст не обрезается и ширина больше 80%?

Question

[Виталий Рыбченко]

Всем доброго дня.
Есть определенная разметка, которая генерируется серверными контролами.
Мне нужно настроить, чтобы ширина контрола была 80% (но не в пикселях, а именно в процентах - резиновая), а если в данное пространство не помещается текст, то он должен обрезаться многоточием.

Если установить фиксированные размеры, то все работает, а вот с % - нет - убегает за границы экрана.

Что делаю не так?

Пример

Answer 1

[Денис Инешин]

Может вы делаете что-то не так, у меня все получилось:
jsfiddle.net/IonDen/e9qzcwy2/1

<div class="test">
  <div class="test_wrap">
    Very long piece of text and other stuff.
  </div>
</div>

.test {
  width: 200px;
  background: #fff;
}
.test_wrap {
  width: 80%;
  background: #eee;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

Comments

[Виталий Рыбченко]

По этому я и привел код и спросил - "что делаю не так?")
Если чистой код написать, как у Вас, то конечно работает - но у меня его генерит контрол :(

[Денис Инешин]

biovr: Прежде всего возьмите свой код и оформите его красиво. Потом, если на этом этапе это вам не поможет найти проблему, то идите в браузер и используйте инспектор, чтобы посмотреть, какие конкретно стили применяются к блоку и может тут проблема.

[Виталий Рыбченко]

Денис Инешин: Да это понятно. Уже 2 дня пытаюсь найти и понять причины.

[Виталий Рыбченко]

biovr: Причесал код в примере, но по прежнему не работает
jsfiddle.net/f7wmupv9/4
есть идеи?

[Виталий Рыбченко]

Денис Инешин: просто даже так jsfiddle.net/e9qzcwy2/2 не работает почему то

[Денис Инешин]

biovr: а так понятно. Это же span. Он инлайновый. jsfiddle.net/IonDen/e9qzcwy2/3

[Виталий Рыбченко]

Денис Инешин: Спасибо тебе добрый человек! Получилось сделать как нужно! для table и содержимого пришлось тоже блокировать инлайн.