html强制不换行标签,css如何设置文字强制不换行？

css可以使用white-space属性设置文字强制不换行，通常我们使用white-space:nowrap强制文本文字内容不换行，在对象内一行显示完所有文字内容。

css可以使用white-space属性设置文字强制不换行：

1、white-space语法：white-space : normal nowrap

2、white-space参数：

normal : 　默认处理方式

nowrap : 　强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。

3、white-space说明：

white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容

通常我们使用white-space:nowrap强制文本文字内容不换行，在对象内一行显示完所有文字内容。

示例：

设置2个对象盒子，一个设置强制同行显示文本内容。第二个设置强制同行显示，但使用html br标签观察效果。为了white-space案例应用效果，我设置css宽度一定120px，css高度为60px,css行高 line-height为20px 。

css代码：div{ border:1px solid red;width:120px; height:60px; line-height:20px}

.div1{ white-space:nowrap}

HTML代码：

内容将在一行内强制显示完整

内容使用br换行

将会被
换行显示

效果图：

html强制不换行标签,css如何设置文字强制不换行？相关推荐

html div 不要超出,css怎么设置div超出不换行？
css怎么设置div超出不换行?下面本篇文章就来给大家介绍一下使用CSS设置div超出不换行的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在css中,可以使用white-s ...
html怎样让文字自动换行,CSS怎么设置文字自动换行？
CSS怎么设置文字自动换行?下面本篇文章就给大家介绍css设置文字(特别是连续的数字和英文)自动换行的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 关于换行问题,正常字符的换 ...
PHP字体间距设置,CSS如何设置文字间距？
css文字与文字之间的间距怎么调整?相信有很多小伙伴都会有这样的疑问.本章就给大家介绍css设置文字间距的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 一.css word- ...
css怎么将文字底下设置颜色,css如何设置文字颜色
css设置文字颜色的方法:1.在DIV标签内使用color颜色样式,代码为[ www.php.cn ]:2.在CSS选择器中使用color颜色样式CSS代码. 本教程操作环境:windows7系统.c ...
html中一段文字行间距设置,CSS如何设置文字行间距？
CSS如何调节设置每行文字字体间距(行距),使得每行的文字一定的间距距离?下面本篇文章就来给大家介绍使用CSS设置文字行间距的方法,希望对大家有所帮助. 要想使得每行的文字一定的间距距离可以通过CSS ...
css如何设置文字阴影？
text-shadow属性:在CSS3中可以用text-shadow属性给页面上的文字添加阴影效果,可以通过对text-shadow属性设置相关的属性值,来实现一些需要的字体阴影效果,减少了图片的使用 ...
css 设置文字强制不换行
white-space: nowrap; //强制不换行 text-overflow:ellipsis; //省略号显示 overflow:hidden; //超出隐藏 overflow: auto; ...
html 行内超出隐藏,css如何设置文字不换行超出隐藏？
在CSS中可以使用white-space属性配合overflow属性来实现文字不换行,且超出部分隐藏.下面本篇文章就来给大家具体介绍一下,希望对大家有所帮助. white-space属性指定元素内的空 ...
html li 不换行显示,css如何让li强制不换行？
ul 和 li默认都是块状元素,总是在新行上开始,占据一整行.那么如何强制li不换行?下面本篇文章就来给大家介绍一下使用CSS让li强制不换行的方法,希望对大家有所帮助. 在CSS中,可以使用floa ...

html强制不换行标签,css如何设置文字强制不换行？

html强制不换行标签,css如何设置文字强制不换行？相关推荐

最新文章

热门文章