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}。