div 不换行

1、div里面的多个子div不换行：

.p{

display:inline-block;

}

.p div{

float:left;

display:block;

}

2、单个div里面的内容不换行：

 ① 用nobr标签

<div><nobr>不换行不换行<nobr></div>

 ② 用nowrap属性

<div nowrap>div不换行div不换行div不换行</div>

3、并列的div不换行

 ① 用float属性

      .div1 { float:left;}

.div2{//TODO}

 ② 用display 属性

.div1{display:inline;}

.div2{display:inline;}