html 中div不自動換行

1.用<nobr>标簽實作不換行

<div>Hello world！<nobr> Hello world!<nobr></div>

2.用<用nowrap元素>标簽

<div nowrap>Hello world! Hello world!  Hello world!  Hello world!</div>

3強制不換行

div{

white-space:nowrap;

}

4.如果是兩個div，可使用float實作不換行

<div class="class1">hello </div>

<div class="class2">world! </div>

.class1 {float:left;}

5.在div中也可使用display實作不換行

<div class="class1">hello </div>

<div class="class2">world! </div>

.class1 {display:inline;}

.class2{display:inline;}