Maison > Article > interface Web > Quelle est la balise qui ne s’enroule pas en HTML ?
HTML est un langage de balisage utilisé pour créer des pages Web. Il prend en charge diverses balises et attributs et peut réaliser la présentation de divers styles et effets. En HTML, il est souvent nécessaire d'utiliser des balises spéciales pour des opérations telles que la composition et la mise en page du texte. Parmi elles, les balises sans sauts de ligne sont une balise très couramment utilisée, et cet article les présentera en détail.
Les balises qui ne coupent pas les lignes en HTML sont principalement les suivantes : <br>
, <wbr>
et <nobr>
, Ils sont respectivement utilisés pour indiquer un saut de ligne forcé, un retour à la ligne mais pas un saut de ligne forcé et la désactivation du retour à la ligne automatique. Ci-dessous, nous présenterons l'utilisation et les précautions de ces balises une par une. <br>
、<wbr>
和<nobr>
,它们分别用于表示强制断行、可折行但不强制断行和禁止自动换行。下面我们就来一一介绍这些标签的使用方法和注意事项。
<br>
标签<br>
标签可以让文本在该处另起一行显示,该标签不需要闭合,直接写成<br>
即可。例如:
<p>这是第一行<br>这是第二行</p>
上面的代码将在"这是第一行"和"这是第二行"之间插入一个换行符。
<wbr>
标签<wbr>
标签可以用于表示词内可折行的点,即指定词内的某个位置可以自动换行,但不会强制断行。该标签同样不需要闭合,直接写成<wbr>
即可。例如:
<p>这是一个非常长的单词:超级长单词<wbr>(这个位置可以自动折行)</p>
上面的代码将在"超级长单词"的某个位置插入一个可折行的点。
需要注意的是,<wbr>
标签只在文本太长而必需折行的情况下才生效,如果文本本身就可以在当前行完整显示,该标签不会起作用。
<nobr>
标签<nobr>
标签可以用于禁止文本自动换行,即使文本太长而无法完全显示在一行上,该标签指定的部分也不会被强制折行到下一行。该标签需要在包含文本的元素内部使用,并需要闭合。例如:
<p><nobr>这是一个非常非常长的文本,虽然超过了一行的宽度,但是却不会被自动强制折行。</nobr></p>
上面的代码将文本"这是一个非常非常长的文本,虽然超过了一行的宽度,但是却不会被自动强制折行。"从头到尾都设为不可自动折行。
需要注意的是,<nobr>
标签在HTML5中已经被废弃了,不推荐使用。在样式表中可以使用white-space: nowrap;
来实现禁止自动换行的效果。
除了上面介绍的三种标签,CSS样式表中还有一系列其他的样式可以用于控制文本的断行和换行效果。例如:
word-break
:用于控制单词断行的方式;line-break
:用于控制行内元素换行的方式;white-space
La balise <br>
<br>
permet d'afficher le texte sur une autre ligne à cet endroit. Il n'est pas nécessaire de le fermer, il suffit de l'écrire directement sous la forme <br>
. Par exemple : rrreee
Le code ci-dessus insérera un caractère de nouvelle ligne entre "Ceci est la première ligne" et "Ceci est la deuxième ligne". 🎜La balise<wbr>
🎜<wbr>
peut être utilisée pour indiquer que les mots peuvent être plié Le point de la ligne, c'est-à-dire une certaine position dans le mot spécifié, peut automatiquement envelopper la ligne, mais ne forcera pas un saut de ligne. Cette balise n'a pas non plus besoin d'être fermée, il suffit de l'écrire directement sous la forme <wbr>
. Par exemple : 🎜rrreee🎜Le code ci-dessus insérera un point encapsulable quelque part dans le "mot super long". 🎜🎜Il est à noter que la balise <wbr>
ne prend effet que lorsque le texte est trop long et doit être renvoyé à la ligne. Si le texte lui-même peut être entièrement affiché sur la ligne actuelle, la balise le sera. ne prend pas effet. 🎜La balise <nobr>
🎜<nobr>
peut être utilisée pour désactiver le retour à la ligne automatique de texte. Même si le texte est trop long pour tenir entièrement sur une ligne, la partie spécifiée par cette balise ne sera pas forcée de passer à la ligne suivante. La balise doit être utilisée à l'intérieur d'un élément contenant du texte et doit être fermée. Par exemple : 🎜rrreee🎜Le code ci-dessus définit le texte "Ceci est un texte très, très long. Bien qu'il dépasse la largeur d'une ligne, il ne sera pas automatiquement forcé de s'enrouler du début à la fin." 🎜🎜Il est à noter que la balise <nobr>
est obsolète en HTML5 et n'est pas recommandée. Vous pouvez utiliser white-space: nowrap;
dans la feuille de style pour obtenir l'effet de désactiver le retour à la ligne automatique. 🎜🎜En plus des trois balises présentées ci-dessus, il existe une série d'autres styles dans la feuille de style CSS qui peuvent être utilisés pour contrôler les effets de saut de ligne et de retour à la ligne du texte. Par exemple : 🎜word-break
: utilisé pour contrôler les sauts de ligne de mots ; 🎜line-break
: utilisé pour contrôler les sauts de ligne des mots en ligne ; Méthode elements ; 🎜white-space
: utilisée pour contrôler l'affichage et le traitement des caractères d'espacement. 🎜🎜🎜En bref, en HTML, maîtriser l'utilisation de ces balises et feuilles de style insécables peut nous aider à mieux contrôler la composition et la mise en page du texte des pages Web. 🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!