首页 / 知识
HTMLnob强制不换行标签元素
2023-04-11 14:50:00
在网页排版布局中比如文章列表标题排版，无论多少文字均不希望换行显示，需要强制在一行显示完内容。这就可以nobr标签来实现。
<nobr>内容</nobr>
不换行内容放入<nobr>与</nobr>之间即可(推荐学习：html教程)
nobr标签特点：
如不遇到br换行标签，内容在一行显示完，如遇到br换行标签，内容将在加br换行自动换行。
htmlnobr禁止内容换行案例
这里假如有4行文章标题列表，设置宽度为200px；css行高为22px；对4列的内容我们采用ulli列表布局，其中2个对内容加<nobr>标签，一个li内容不加，另外一个li内容少与宽度能显示完。
完整html源代码：
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>nobr标签实例</title>
<style>
ul{border:1pxsolid#000;width:200px;}
li{width:200px;line-height:22px}
</style>
</head>
<body>
<ul>
<li><nobr>第一排内容文字多加nobr标签测试内容</nobr></li>
<li><nobr>第二排内容文字多加nobr标签不能排下</nobr></li>
<li>第三排内容文字多没有加nobr标签</li>
<li>第四排文字少能排下</li>
</ul>
</body>
</html>
|
最新内容
相关内容
python如何使输出换行
python如何使输出换行，培训，结果，两个，方法，引号，函数，同行，以上，时候，方式，python的print()函数输出时，通常输出结果是整行显示出来的，这时候python怎么换行
python怎么换行，代码，培训，示例，字符串，斜杠，方法，行书，括号，有用，下面，python的代码换行：1.用反斜杠链接多行代码，示例输出:55a=22+\33printa
python字典怎么加元素
python字典怎么加元素，培训，代码，字典，数学，语文，元素，赋值，语法，演示，下面，python字典中的元素是键值对存在的，且键一定是唯一的，但是值不必是
python不定参数传值怎么做
python不定参数传值怎么做，位置，培训，名称，标准，代码，参数，函数，定义，教程，程序，使用*arg_name定义的位置参数，表示任意多个位置参数;Python标
python怎么传递不定参数
python怎么传递不定参数，位置，培训，名称，标准，代码，参数，函数，定义，教程，程序，不定长位置参数使用*arg_name定义的位置参数，表示任意多个位置
python怎么不换行输出
python怎么不换行输出，培训，灵活，函数，对象，空格，结尾，字符，结束，复数，字符串，python中输出主要是使用print()函数。Python2和Python3中的函
python怎么输出换行符
python怎么输出换行符，代码，培训，情况，结果，括号，末尾，空格，方法，python中一般是一行写完所有代码，如果遇到一行写不完需要换行的情况，有两种
python如何判断输入是不是数字
python如何判断输入是不是数字，数字，异常，培训，字符，表示，字符串，不是，正则，方法，字母，python判断输入是不是数字的方法：在接收raw_input方法
python输出如何不换行?
python输出如何不换行?，灵活，培训，函数，对象，方法，空格，结尾，字符，下面，结束，python输出不换行的方法：我们在使用print()函数时，并不希望输出结
python注释一般放在什么位置
python注释一般放在什么位置，代码，位置，培训，注释，时间，引号，可能会，不可或缺，变量，语句，python写代码注释是一件很重要的事情，如果你写的一段
python安装第三方库要放在哪里
python安装第三方库要放在哪里，培训，路径，全称，英文名字，命令，以上，结果，更多，内容，因为是用的python下的pip命令安装的，所以你可以用piplist
python如何在python导入tkinter
python如何在python导入tkinter，培训，标准，控件，应付自如，图形界面，实例，模块，以上，之后，消息，Tkinter是Python的标准GUI库。Python使用Tkint