Как установить вертикальную высоту, чтобы предотвратить переполнение на плавающем промежутке?

Question

У меня есть плавающий промежуток с текстом.Я установил переполнение скрытым, а ширину - фиксированной шириной, скажем, 100 пикселей.

Теперь, когда текст становится слишком длинным, он просто переносится.

Я не хочу устанавливать высоту нафиксированный px, потому что таким образом, если я изменю размер шрифта, я могу забыть обновить высоту и т. д.

<span style="float:left;overflow:hidden;width:100px;">Very Long Text</span>

Answer 1

Звучит так, как будто вы хотите попробовать что-то вроде:

CSS:

.floated-element {
    float:left; /* Or right, whatever */
    width:100px;
    white-space:no-wrap; /* Keeps the text to one line */
    text-overflow:ellipsis; /* This will add ... to the end of text that extends beyond 100px */
    overflow:hidden;
}

HTML:

<div class="floated-element">
    ...
</div>

Если вы действительно хотите использовать <span> вместо плавающего <div>, вам нужно установить для display диапазона значение inline-block. Это позволит вам указать width, сохраняя при этом другие встроенные атрибуты.

Answer 2

я нашел решение своей проблемы.
я не хотел устанавливать высоту для некоторого значения переменной, как, например, значение высоты строки, скажем, 1.4em (потому что оно может меняться со временем, и поэтому мне нужно будет найти и заменить все значения в приложении). 1002 * так что другое исправление, которое я обнаружил, это то, что я могу установить «white-space: nowrap»; на пролете.
жду других ответов:)

Answer 3

1. Вы не можете установить width для встроенных элементов.
2. объявление ширины и overflow:hidden для элемента блока автоматически расширяет элемент по вертикали, чтобы текст поместился.

дополнительная информация о том, чего вы пытаетесь достичь, будет полезна для предоставления дополнительной помощи.

edit:

Первоначальная идея overflow:hidden состоит в том, чтобы скрыть чрезмерное содержание (часто используется в сочетании с фиксированными размерами).Возможно, вы захотите переосмыслить, что вы пытаетесь сделать (вам действительно нужно это переполнение?).