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.
Ne pas envelopper le contenu dans
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
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
