HTML<nobr>Forcer à ne pas envelopper les éléments de balise-tutoriel HTML-php.cn

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

(*-*)浩

Libérer： 2019-10-11 16:10:48

original

3311 Les gens l'ont consulté

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

Contenu

Ne pas envelopper le contenu dans ;/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 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>