百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> HTML<nobr>强迫不换行标签元素
分享文章到:

HTML<nobr>强迫不换行标签元素

发布时间:09/01 来源:未知 浏览: 关键词:
在网页排版布局中比方文章列表标题排版,不管多少文字均不但愿换行显示,需要强迫在一行显示完内容。这就可以nobr标签来实现。 在网页排版布局中比方文章列表标题排版,不管多少文字均不但愿换行显示,需要强迫在一行显示完内容。这就可以nobr标签来实现。

内容

不换行内容放入之间即可 (举荐学习:html教程)

nobr标签特色:

如不碰到br换行标签,内容在一行显示完,如碰到br换行标签,内容将在加br换行主动换行。

html nobr制止内容换行案例

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

完备html源代码:

 
 
 
 
nobr标签实例 
 
 
 
  • 首先排内容文字多加nobr标签测试内容
  • 第二排内容文字多加nobr标签不克不及排下
  • 第三排内容文字多没有加nobr标签
  • 第四排 文字少能排下

以上就是HTML强迫不换行标签元素的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板