css强制文字不换行实现代码

html-css022

css强制文字不换行实现代码,第1张

强制不换行，直接使用white-space:nowrap即可。

CSS设置不转行:

overflow:hidden

隐藏

white-space：normal

默认

pre

换行和其他空白字符都将受到保护

nowrap

强制在同一行内显示所有文本，直到文本结束或者遭遇

br

对象

例，强制不换行

代码如下

div{

white-space:nowrap

}

在css中能够实现换行的代码有如下几个：

1、display:block //将标签改成块元素，块元素是单独占一行的。

2、clear:both； //清除浮动实现换行。

3、white-space:break； //这个一般适用在英文文章中的折行。

可以根据上面的几个能实现换行的样式，只需要将对应标签的对应属性删除就可以了。

让每一个的第1个元素加上 clear:both属性，我这里每一行有2个，所以是： .b li:nth-child(2n-1){clear:both}，如果每一行是3列，则加上：.b li:nth-child(3n-2){clear:both}。