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

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

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

<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サイトに注目してください。