Как узнать, когда текст больше, чем div? [Дубликат]

В Java все переменные, которые вы объявляете, на самом деле являются «ссылками» на объекты (или примитивы), а не самими объектами.

При попытке выполнить один метод объекта , ссылка просит живой объект выполнить этот метод. Но если ссылка ссылается на NULL (ничего, нуль, void, nada), то нет способа, которым метод будет выполнен. Тогда runtime сообщит вам об этом, выбросив исключение NullPointerException.

Ваша ссылка «указывает» на нуль, таким образом, «Null -> Pointer».

Объект живет в памяти виртуальной машины пространство и единственный способ доступа к нему - использовать ссылки this. Возьмем этот пример:

public class Some {
    private int id;
    public int getId(){
        return this.id;
    }
    public setId( int newId ) {
        this.id = newId;
    }
}

И в другом месте вашего кода:

Some reference = new Some();    // Point to a new object of type Some()
Some otherReference = null;     // Initiallly this points to NULL

reference.setId( 1 );           // Execute setId method, now private var id is 1

System.out.println( reference.getId() ); // Prints 1 to the console

otherReference = reference      // Now they both point to the only object.

reference = null;               // "reference" now point to null.

// But "otherReference" still point to the "real" object so this print 1 too...
System.out.println( otherReference.getId() );

// Guess what will happen
System.out.println( reference.getId() ); // :S Throws NullPointerException because "reference" is pointing to NULL remember...

Это важно знать - когда больше нет ссылок на объект (в пример выше, когда reference и otherReference оба указывают на null), тогда объект «недоступен». Мы не можем работать с ним, поэтому этот объект готов к сбору мусора, и в какой-то момент VM освободит память, используемую этим объектом, и выделит другую.

105
задан Barett 26 August 2015 в 19:59
поделиться

4 ответа

Как правило, вы можете сравнить client[Height|Width] с scroll[Height|Width], чтобы обнаружить это ... но значения будут одинаковыми при видимости переполнения. Таким образом, для этой процедуры необходимо учитывать процедуру обнаружения:

// Determines if the passed element is overflowing its bounds,
// either vertically or horizontally.
// Will temporarily modify the "overflow" style to detect this
// if necessary.
function checkOverflow(el)
{
   var curOverflow = el.style.overflow;

   if ( !curOverflow || curOverflow === "visible" )
      el.style.overflow = "hidden";

   var isOverflowing = el.clientWidth < el.scrollWidth 
      || el.clientHeight < el.scrollHeight;

   el.style.overflow = curOverflow;

   return isOverflowing;
}

Проверено в FF3, FF40.0.2, IE6, Chrome 0.2.149.30.

169
ответ дан Nathan 15 August 2018 в 17:13
поделиться
  • 1
    спасибо Shog9 ... процедура обнаружения - это, я думаю, то, что мне нужно, потому что я играю с переполнением (скрытым / видимым) – user 27 September 2008 в 18:49
  • 2
    У меня есть аналогичный вопрос в stackoverflow.com/questions/2023787/… , где я пытаюсь выяснить, какие части содержащего элемента имеют скрытое переполнение. – slolife 7 January 2010 в 22:27
  • 3
    Интересно, будет ли это короткое мерцание по мере того, как стиль кратко изменится? – Stijn de Witt 22 November 2012 в 14:37
  • 4
    Просто проверьте его на IE9 (работал) и Chrome 23 (не работает) – Kenan D 6 December 2012 в 09:52
  • 5
    +1. Это работает на современных браузерах (включая, по крайней мере, Chrome 40 и другие браузеры текущей версии с момента написания этой статьи). – L0j1k 27 February 2015 в 20:07

Я не думаю, что этот ответ прекрасен. Иногда scrollWidth / clientWidth / offsetWidth одинаковы, даже если текст переполнен.

Это хорошо работает в Chrome, но не в IE и Firefox.

Наконец, я попробовал это answer: Обнаружение эллипсиса текстового переполнения HTML

Это прекрасно и хорошо работает в любом месте. Поэтому я выбираю это, возможно, вы можете попробовать, вы не разочаруете.

0
ответ дан Community 15 August 2018 в 17:13
поделиться
  • 1
    Я предлагаю удалить или опубликовать этот ответ, так как он имеет некоторый дефект. Сначала я использую это, но он не может работать идеально с некоторым специальным стилем css. – zjalex 17 April 2015 в 02:19

Это javascript-решение (с Mootools), которое уменьшит размер шрифта, чтобы он соответствовал границам elHeader.

while (elHeader.clientWidth < elHeader.scrollWidth || elHeader.clientHeight < elHeader.scrollHeight) {
  var f = parseInt(elHeader.getStyle('font-size'), 10);
  f--;
  elHeader.setStyle('font-size', f + 'px');
}

CSS elheader:

    width:100%;
    font-size:40px;
    line-height:36px;
    font-family:Arial;
    text-align:center;
    max-height:36px;
    overflow:hidden;

Обратите внимание, что оболочка elHeader устанавливает ширину elHeader.

-2
ответ дан fracz 15 August 2018 в 17:13
поделиться
Другие вопросы по тегам:

Похожие вопросы: