ホームページ > 記事 > ウェブフロントエンド > HTMLの自動行折り返しとdiv強制非分割を防ぐ具体的な実装方法
この記事では、自動行折り返しを行わない 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サイトに注目してください。