jQuery: Herhangi bir metin hareketi olmadan bir div genişliğini canlandırmak için bir yolu var mı?

Question

Bir div genişliğini küçültmek için jQuery kullanıyorum, şu şekilde:

$('div#foo').animate({width: 0},someSpeed); 

Küçülüyor olsa da, metin daha da zayıflayan div'e sığacak şekilde yeniden akıtılıyor. Bunun olmasını istemiyorum - $('div#foo').slideUp() yaparsanız, metnin olduğu gibi kalmasını istiyorum, sadece genişlik azaldıkça görünümden kaybolacaktır.

Bu işi yapmak için bir CSS numarası mı yoksa başka bir yolu var mı?

Answer 1

Canlı tanıtım:http://jsfiddle.net/AvYyT/1/

numara, bir iç kap kullanmak ve dış kabın genişliğine ve yararını ayarlamaktır.

Answer 2

Elinden div BB'de vertical-align:top

Answer 3

vererek deneyin kullanım: overflow-x: hidden; overflow-y: hidden;

Answer 4

Sen, div ait olan içeriğin genişliğini ayarlamak için jQuery kullanmak ancak o zaman div ve overflow:hidden ekleyebilir genişliği azaltın.

gibi bir şey (denenmemiş, yazım hataları var ama fikir ... alabilir): İçinde resim varsa, bu işe yaramaz

var el = $('div#foo'); 
el.children().each(function() { 
    $(this).width(el.width()); 
}); 
el.css('overflow', 'hidden').animate({width: 0}, someSpeed); 

Ama div içeriğine bağlıdır .

Answer 5

div numaralı telefondan white-space: nowrap;'u kullanmak bir seçenek. Tek sorun, uzun bir metin gövdesine sahipseniz, satır sonlarını el ile eklemeniz gerekecek.