如何设置css让元素不自动换行

html-css015

如何设置css让元素不自动换行,第1张

关于css让元素换行限制如下:

1强制不换行 div{ white-space:nowrap}

2自动换行 div{ word-wrap: break-wordword-break: normal}

3强制英文单词断行 div{ word-break:break-all}

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

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

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

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

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

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

CSS设置不转行:

overflow:hidden

隐藏

white-space:normal

默认

pre

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

nowrap

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

br

对象

例,强制不换行

代码如下

div{

white-space:nowrap

}