html中div不自动换行/强制不换行的具体实现
2016-06-16来源:

本文为大家介绍下html 中div不自动换行的多种实现,如可以使用nobr标签实现不换行,用nowrap元素等等,感兴趣的朋友可以参考下

1.用标签实现不换行

代码如下:

Hello world! Hello world!

2.用<用nowrap元素>标签

代码如下:

Hello world! Hello world! Hello world! Hello world!

3强制不换行

代码如下:

div{

white-space:nowrap;

}

4.如果是两个div,可使用float实现不换行

代码如下:

hello

world!

.class1 {float:left;}

5.在div中也可使用display实现不换行

代码如下:

hello

world!

.class1 {display:inline;}

.class2{display:inline;}

Baidu
map