HTMLで自動行折り返しを無効にする方法

HTML で自動行折り返しを無効にする方法: 1. 「display:inline」スタイルを html 要素に追加し、要素をインライン要素として設定します; 2. 「float:left」スタイルをhtml要素をドキュメントストリームから要素として作成し、同じ行に表示するにはfloatを使用します。

このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

デモ：

性别： 男 女 

2 つの入力を同じ行に表示する方法:

1. スタイル display:inline を使用します

 
性别： 男 女 

display:inlineは、インライン要素として表示されるオブジェクトを設定するために使用されます。Inline は、インライン オブジェクトのデフォルト値です (追記: インライン オブジェクトは自動的には表示されません)改行を生成します。span などの要素) オブジェクトから行を削除するには、この値を使用します。

両方の入力がインラインの場合、それらは同じ行にあります。たとえば、一般的に使用する div はブロックレベル要素であり、デフォルトの表示属性は block ですが、div の表示をインラインに設定すると、複数の div を 1 行に表示できます。

2. float:left スタイルを使用します (非推奨)

 
性别： 
男
 
女
 

複数の要素で使用するのは面倒で、位置が混乱する可能性があります他の要素の。

プレーン テキストのその他の使用法

1. Tag

 12345456

123123123

23423423
        

         ログイン後にコピー
        
       

c{ white-space:nowrap; }