2016-08-02 6 views
0

body要素内に通常の段落要素があります。この段落要素には、ブラウザウィンドウが縮小されたときに次の行にジャンプするテキストが複数行含まれています。ブラウザウィンドウを縮小すると、段落要素によってテキストが次の行にジャンプしますか?

私はこれが起こりたくないのですが、それはテキストがいくつの行を取り上げるかの定義された一定の構造を持っているからです。

ブラウザのウィンドウを縮小すると、ブラウザのウィンドウを縮小すると、同じ場所にとどまるので、ブラウザのエッジに沿って移動するのではなく、画面の一部を切り落とします。

ありがとうございます。ここ

は私のコードです:

p { 
    color: white; 
    font-size: 0.9em; 
    font-weight: bold; 
    position: absolute; 
    top: 200px; 
    left: 200px; 
    text-align: center; 
} 

マイHTMLの気圧は、文字通り、その中のテキストとbody要素と段落要素の気圧です。

+0

は次のように聞こえますテキストが折り返されないようにする必要があります。 'white-space:nowrap'を追加してください。 –

+1

ありがとうございました:) – koz

答えて

0

要素にはmin-widthを付けたいとします。

p { 
    min-width: 200px; 
} 
+0

ありがとうございました:) – koz

+0

@koz問題ありません!お役に立てて嬉しいです。 –

0

段落は関係なく、ウィンドウのサイズ水平空間の同じ量を取る持っているしたい場合は、あなたはおそらくwidthプロパティを探しています:

p { 
    width: 500px; 
} 
関連する問題