divをCSSでラップしないように設定する方法

行の折り返しなしで div を設定する Css メソッド: 1. float メソッドを使用します。コードは [.div2 {float: left;}]; 2. [inline-block] メソッドを使用します。コードは次のとおりです。 [.div2 {表示: インラインブロック;}]。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

div を CSS でラップしないように設定する方法:

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 ビデオ チュートリアル

以上がdivをCSSでラップしないように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。