在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。它起到的作用与word-break:keep-all 是一样的。nobr 是 No Break 的缩写,意思是禁止换行。通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行,但是如果文字被包含在<nobr>~</nobr>标签里的话,则不会换行。由www.搜集整理 一、nobr语法
不换行内容放入<nobr>与</nobr>之间即可,此标签与css white-space功能相同。 二、nobr标签特点: 如不遇到br换行标签,内容在一行显示完,如遇到br换行标签,内容将在加br换行自动换行。 <nobr> 作为定义外观的标签,在 W3C 里未被采用。要用样式表来实现禁止换行的效果的话,请在 white-space 里指定 nowrap。nowrap使用示例如下:
三、html nobr禁止内容换行代码示例 这里假如有4行文章标题列表,设置宽度为200px;css行高为22px;对4列的内容我们采用ul li列表布局,其中2个对内容加<nobr>标签,一个li内容不加,另外一个li内容少与宽度能显示完。 1、完整html源代码:
示例代码2:
|
|
来自: yxyzhy > 《html/css》