Html 文本移动到div后的下一行 发行详情

Html 文本移动到div后的下一行 发行详情,html,twitter-bootstrap,Html,Twitter Bootstrap,文本移动到正方形后的下一行 预期-文本应位于正方形的正后方 我遗漏了什么吗 第一季度-29.00% 第二季度-23.78% 第三季度-19.89% 第四季度-27.33% 因为div是一个块元素,所以它将跨越整行。这就是文本转到下一行的原因。为了防止这种默认行为,我们需要将div的display属性显式更改为inline block 第一季度-29.00% 第二季度-23.78% 第三季度-19.89% 第四季度-27.33% 在所有div中使用float:left 第一季度-29

文本移动到正方形后的下一行

预期-文本应位于正方形的正后方

我遗漏了什么吗


第一季度-29.00%
第二季度-23.78%
第三季度-19.89%
第四季度-27.33%

因为
div
是一个块元素,所以它将跨越整行。这就是文本转到下一行的原因。为了防止这种默认行为,我们需要将div的
display
属性显式更改为
inline block


第一季度-29.00%
第二季度-23.78%
第三季度-19.89%
第四季度-27.33%

在所有
div中使用
float:left


第一季度-29.00%
第二季度-23.78%
第三季度-19.89%
第四季度-27.33%

你能给js fiddle链接吗如果Bootstrap的容器流体让div神奇地内联,那么这确实是一个好问题。否则,不需要使用块元素。内联块可以工作