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

1.用标签实现不换行

代码如下:

hello world! hello world!

2.用<用nowrap元素>标签

代码如下:

hello world! hello world! hello world! hello world!

3强制不换行

代码如下:

div{

white-space:nowrap;

}

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

代码如下:

div class=class1>hello

world!

.class1 {float:left;}

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

代码如下:

hello

world!

.class1 {display:inline;}

.class2{display:inline;}

推荐信息
Baidu
map