Maison >interface Web >tutoriel HTML >HTMLForcer à ne pas envelopper les éléments de balise

HTMLForcer à ne pas envelopper les éléments de balise

(*-*)浩
(*-*)浩original
2019-10-11 16:10:483379parcourir

Dans la mise en page d'une page Web, telle que la mise en page du titre d'une liste d'articles, quelle que soit la quantité de texte affichée, vous ne souhaitez pas qu'elle soit affichée sur une nouvelle ligne. Vous devez forcer l'affichage du contenu sur une seule ligne. doubler. Ceci peut être réalisé avec la balise nobr.

HTML<nobr>Forcer à ne pas envelopper les éléments de balise

f44a345470ed5309298c118c07c6efacContenu9c46f421c188c45fb09e606d3bbae378

Ne pas envelopper le contenu dans f44a345470ed5309298c118c07c6efac ;/nobr> (apprentissage recommandé : tutoriel HTML)

Fonctionnalités de la balise nobr :

Si vous ne rencontrez pas la balise de saut de ligne br, le contenu est affiché sur une seule ligne. Si la balise de saut de ligne br est rencontrée, le contenu sera automatiquement renvoyé à la ligne après l'ajout d'un saut de ligne br.

Cas de retour à la ligne de contenu html nobr ban

S'il existe une liste de titres d'article de 4 lignes, définissez la largeur sur 200 px, la hauteur de la ligne CSS est de 22 px ; le contenu à 4 colonnes, nous adoptons la disposition de la liste ul li, deux d'entre eux ajoutent des balises f44a345470ed5309298c118c07c6efac au contenu, un li n'ajoute pas de contenu et l'autre li a moins de contenu et la largeur peut être affichée.

Code source HTML complet :

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>nobr标签实例</title> 
<style> 
ul{ border:1px solid #000; width:200px;} 
li{ width:200px; line-height:22px} 
</style> 
</head> 
<body> 
<ul> 
<li><nobr>第一排内容文字多加nobr标签测试内容</nobr></li> 
<li><nobr>第二排内容文字多加nobr标签不能排下</nobr></li> 
<li>第三排内容文字多没有加nobr标签</li> 
<li>第四排 文字少能排下</li> 
</ul> 
</body> 
</html>

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn