美文网首页
Web前端设计:Html强制不换行标签用法代码示例

Web前端设计:Html强制不换行标签用法代码示例

作者: 代码使劲儿搬 | 来源:发表于2019-04-27 10:05 被阅读0次

在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。它起到的作用与word-break:keep-all 是一样的。nobr 是 No Break 的缩写,意思是禁止换行。通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行,但是如果文字被包含在<nobr>~</nobr>标签里的话,则不会换行

一、nobr语法
<nobr>内容</nobr>

不换行内容放入<nobr>与</nobr>之间即可,此标签与css white-space功能相同。

二、nobr标签特点:

如不遇到br换行标签,内容在一行显示完,如遇到br换行标签,内容将在加br换行自动换行。
<nobr> 作为定义外观的标签,在 W3C 里未被采用。要用样式表来实现禁止换行的效果的话,请在 white-space 里指定 nowrap。nowrap使用示例如下:

<div style="white-space: nowrap;">
即使浏览器的横幅不够,这里也不会换行。
</div>

相关文章

网友评论

      本文标题:Web前端设计:Html强制不换行标签用法代码示例

      本文链接:https://www.haomeiwen.com/subject/ituhnqtx.html