固定幅のdiv div内のdivのテキストレイアウトの問題

Question

div.oneには固定サイズと背景色があります。その中に隠れているが、特定の状況ではjavascriptで表示される別のdivがある。

div.twoが表示されたら、その背景色が見え、テキストが折り返されないようにするにはどうすればいいですか？基本的には、固定サイズのdivが含まれていないように振る舞いたい。これは可能ですか？おかげ

<div class="one"> 
    <div class="two"> 
    Some Text 
    </div> 
</div> 

.one { 
    width: 20px; 
    height: 20px; 
    background-color: white; 
} 
.two { 
    background-color: grey; 
    display: none; 
} 

Answer 1

Demo

.two { 
    display: inline-block; 
    background-color: grey; 
    white-space:nowrap; 

} 

Answer 2

は20ピクセルと20ピクセルに同様のdivの大きさを修正し、nowrapにwhite-spacingを設定します。

.two { 
    width: 20px; 
    height: 20px; 
    white-space: nowrap; 
    ... 
} 

this demoを確認して、私があなたの質問を解決したかどうかを確認してください。