尝试在同一行中获取3个HTML元素
尝试在同一行中获取3个HTML元素
提问于 2012-08-10 01:48:18
我搜索了这个网站寻找答案，发现了类似的东西，但没有什么突出的答案，可能是因为我缺乏经验。我正在使用表格下面的JQuery滑块，滑块需要在它自己的div中。我正在尝试让'min‘标签显示在滑块的左边，'max’标签显示在右边，所有3个元素都在同一行上。正如下面的代码所示，它将每个元素放在自己的行上，我也理解其中的原因。
但是，我已经尝试了向左浮动，将每个都放在它自己的div中，并将所有3个放在一个div中。我也尝试过这两种方法的组合。我不能得到它，并且我尝试的每个实验结果都是对我来说没有逻辑意义的外观。
我遗漏了什么？感谢您的帮助:)
<label id="min">0</label>
<div id="slider" style="width:450px"></div>
<label id="max">200</label>回答 3
Stack Overflow用户
回答已采纳
发布于 2012-08-10 01:51:13
你可以使用CSS浮动来做这件事。
<style>
#mySlider label, #mySlider div {float: left;)
</style>
<div id="mySlider">
<label id="min">0</label>
<div id="slider" style="width:450px">(slider)</div>
<label id="max">200</label>
</div>
JS Fiddle example
Stack Overflow用户
发布于 2012-08-10 01:52:20
添加一些css：
#min,#max,#slide {
float: left;
}Stack Overflow用户
发布于 2012-08-10 01:56:20
您可以添加CSS
#min, #max, #slider {
display:inline-block; vertical-align:top;
}这将确保所有元素彼此堆叠在一起，而不是每行一个。
你可能会发现这个关于floats vs inline-block的有趣读物太http://www.ternstyle.us/blog/float-vs-inline-block了
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11889098
复制相关文章
相似问题
腾讯云开发者
