Rumah >hujung hadapan web >html tutorial >HTML<nobr>强制不换行标签元素
HTML<nobr>强制不换行标签元素
- (*-*)浩asal
- 2019-10-11 16:10:483379semak imbas
在网页排版布局中比如文章列表标题排版，无论多少文字均不希望换行显示，需要强制在一行显示完内容。这就可以nobr标签来实现。
f44a345470ed5309298c118c07c6efac内容9c46f421c188c45fb09e606d3bbae378
不换行内容放入f44a345470ed5309298c118c07c6efac与9c46f421c188c45fb09e606d3bbae378之间即可 (推荐学习：html教程)
nobr标签特点：
如不遇到br换行标签，内容在一行显示完，如遇到br换行标签，内容将在加br换行自动换行。
html nobr禁止内容换行案例
这里假如有4行文章标题列表，设置宽度为200px；css行高为22px；对4列的内容我们采用ul li列表布局，其中2个对内容加f44a345470ed5309298c118c07c6efac标签，一个li内容不加，另外一个li内容少与宽度能显示完。
完整html源代码：
<!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>Atas ialah kandungan terperinci HTML<nobr>强制不换行标签元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：HTML <b>加粗与<strong>加粗标签区别Artikel seterusnya：HTML上标<sup>与下标注<sub>标签元素