css設(shè)置div不換行的方法：1、使用float方法，代碼為【.div2 {float: left;}】；2、使用【inline-block】方法，代碼為【.div2 {display: inline-block;}】。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

css設(shè)置div不換行的方法：

float

<div class="div1">123</div> <div class="div2">456</div> <style> .div1 { float: left; } .div2 { float: left; } </style>

inline-block

<div class="div1">123</div> <div class="div2">456</div> <style> .div1 { display: inline-block; } .div2 { display: inline-block; } </style>

flex

這個是針對父元素設(shè)置的?。?！

<div class="parent"> <div class="div1">123</div> <div class="div2">456</div> </div> <style> .parent { display: flex; } </style>

相關(guān)教程推薦：CSS視頻教程