ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLの自動行折り返しとdiv強制非分割を防ぐ具体的な実装方法

HTMLの自動行折り返しとdiv強制非分割を防ぐ具体的な実装方法

高洛峰
高洛峰オリジナル
2017-03-07 11:18:252821ブラウズ

この記事では、自動行折り返しを行わない HTML での p のさまざまな実装を紹介します。たとえば、nobr タグを使用して非行折り返しを実現したり、nowrap 要素を使用したりできます。興味のある方は以下を参照してください。 1. f44a345470ed5309298c118c07c6efac タグを使用して改行なしを実装します

コードは次のとおりです:

<p>Hello world!<nobr> Hello world!<nobr></p> 
2.用<用nowrap元素>标签

コードは次のとおりです:

<p nowrap>Hello world! Hello world! Hello world! Hello world!</p>


3 改行なしを強制します

コードは次のとおりです:

p{ 
white-space:nowrap; 
}


4. p が 2 つある場合、float を使用して行の折り返しを実現できません

コードは次のとおりです:

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {float:left;}


5. p では、display を使用して行の折り返しを実現することもできます

コードは次のとおりです:

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {display:inline;} 
.class2{display:inline;}

HTMLのdivが自動的にラップされない、およびラップされないように強制される方法の詳細については、実装方法に関連する記事については、PHP中国語Webサイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。