首页 >web前端 >html教程 > 正文

html如何使用不换行标签

原创2021-04-27 15:47:3201031

html使用不换行标签的方法是用nobr标签来实现,语法为【<nobr>内容</nobr>】,不换行内容放入【<nobr>】与【</nobr>】之间即可。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html使用不换行标签的方法:

可以用nobr标签来实现。

nobr语法

<nobr>内容</nobr>

不换行内容放入<nobr>与</nobr>之间即可。

此标签与css white-space功能相同。

nobr标签特点:如不遇到br换行标签,内容在一行显示完,如遇到br换行标签,内容将在加br换行自动换行。

html nobr禁止内容换行案例:

这里假如有4行文章标题列表,设置宽度为200px;css行高为22px;对4列的内容我们采用ul li列表布局,其中2个对内容加<nobr>标签,一个li内容不加,另外一个li内容少与宽度能显示完。

相关学习推荐:html视频教程

以上就是html如何使用不换行标签的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 不换行标签
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • HTML 中文开发手册HTML 中文开发手册
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • HTML+CSS网页基础HTML+CSS网页基础
  • HTML5 极速入门HTML5 极速入门
  • 前端课程(五郞八卦棍系列)第一棍:HTML5前端课程(五郞八卦棍系列)第一棍:HTML5
  • 视频教程分类