本文摘自PHP中文网,作者coldplay.xixi,侵删。
html使用不换行标签的方法是用nobr标签来实现,语法为【<nobr>内容</nobr>】,不换行内容放入【<nobr>】与【</nobr>】之间即可。
本教程操作环境:windows7系统、html5版,DELL G3电脑。
html使用不换行标签的方法:
可以用nobr标签来实现。
nobr语法
1 |
|
不换行内容放入<nobr>与</nobr>之间即可。
此标签与css white-space功能相同。
nobr标签特点:如不遇到br换行标签,内容在一行显示完,如遇到br换行标签,内容将在加br换行自动换行。
html nobr禁止内容换行案例:
这里假如有4行文章标题列表,设置宽度为200px;css行高为22px;对4列的内容我们采用ul li列表布局,其中2个对内容加<nobr>标签,一个li内容不加,另外一个li内容少与宽度能显示完。
相关学习推荐:html视频教程
以上就是html如何使用不换行标签的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html body标签的居中属性你知道吗?Html body标签的定义和使用方法
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者