https://www.cnblogs.com/robinunix/p/11346126.html

style="display: inline-block"

float

1

2

3

4

5

6

7

8

9

10

<div class="div1">123</div>

<div class="div2">456</div>

<style>

.div1 {

float: left;

}

.div2 {

float: left;

}

</style>

　　

inline-block

1

2

3

4

5

6

7

8

9

10

<div class="div1">123</div>

<div class="div2">456</div>

<style>

.div1 {

display: inline-block;

}

.div2 {

display: inline-block;

}

</style>

flex

这个是针对父元素设置的！！！

1

2

3

4

5

6

7

8

9

<div class="parent">

<div class="div1">123</div>

<div class="div2">456</div>

</div>

<style>

.parent {

display: flex;

}

</style>

Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

cover

2025 GitCode 开发者冬日嘉年华：AI 与开源的深度交融之旅

avatar GitCode 开源社区
cover

从航模少年到最年轻创始理事，在开源世界里逐光前行｜CodeMaster #2

avatar GitCode 开源社区
cover

JeeSite 快速开发平台：全能企业级快速开发解决方案｜GitCode 光引计划征文展示

avatar GitCode 开源社区