css如何設定div不換行

css設定div不換行的方法：1、使用float方法，程式碼為【.div2 {float: left;}】；2、使用【inline-block】方法，程式碼為【.div2 {display : inline-block;}】。

本教學操作環境：windows7系統、css3版，DELL G3電腦。

css設定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

#這個是針對父元素設定的！ ！ ！

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

相關教學推薦：CSS影片教學

#

以上是css如何設定div不換行的詳細內容。更多資訊請關注PHP中文網其他相關文章！