行の折り返しなしで 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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
