Comment forcer mon texte à ne pas casser en lignes dans css?

Question

J'ai un div à l'intérieur d'un autre div fixe de largeur. Je veux que le div interne puisse croître horizontalement jusqu'à ce qu'il puisse contenir tous ses éléments ou textes en une ligne. n'a pas d'importance pour créer une barre de défilement horizontale. que devrais-je faire? ceci est mon exemple de code:

<div style="width:400px;border:solid 1px red;"> 
    TEST TEXT 
    <div style="border:solid 3px green;position:absolute;z-index:99;text-overflow:"> 
     TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE 
     TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE 
    </div> 
</div> 

Answer 1

Utilisez white-space: nowrap; pour le texte pour ne pas casser sur-espaces blancs

Answer 2

Est-ce ce que vous essayez de signaler? Essayez de voir le JSfiddle code http://jsfiddle.net/uYKKy/1/

Answer 3

Je vais ajouter les options dans css de text-overflow: ellipse; avec débordement: caché; et espace blanc: nowrap;

si vous utilisez cette façon:

h1{ 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
} 

Vous obtiendrez belle garniture au texte déborder.

LIVE EXAMPLE

protip about triminng for text