Web前端设计:Html强制不换行标签用法代码示例_html/css_WEB-ITnose
一、nobr语法
1 |
内容 nobr > |
不换行内容放入
二、nobr标签特点:
如不遇到br换行标签,内容在一行显示完,如遇到br换行标签,内容将在加br换行自动换行。
1 2 3 |
即使浏览器的横幅不够,这里也不会换行。 div > |
三、html nobr禁止内容换行代码示例
这里假如有4行文章标题列表,设置宽度为200px;css行高为22px;对4列的内容我们采用ul li列表布局,其中2个对内容加
1、完整html源代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
nobr标签实例 www.169it.com title >
ul{ border:1px solid #000; width:200px;} li{ width:200px; line-height:22px} style > head >
第一排内容文字多加nobr标签测试内容 nobr > li > 第二排内容文字多加nobr标签不能排下 nobr > li > 第三排内容文字多没有加nobr标签 li > 第四排 文字少能排下 li > ul > body > html > |
示例代码2:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.AutoNewline { width:300px; border:1px solid red; } style >
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换 行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自 动换行自动换行自动换行 nobr > td > tr > table > |
上一篇: PHP个人网站架设全攻略
下一篇: PHP正则 贪婪形式与懒惰模式