如何在单行中显示标签和 UI-Slider-Range

Posted 2023-03-13

【中文标题】如何在单行中显示标签和 UI-Slider-Range

【英文标题】：How to display Label and UI-Slider-Range in Single Line

【发布时间】：2015-06-18 11:04:25

【问题描述】：

我正在使用带有标签的滑块范围。所以它看起来像

Time 12:00am to 5:00pm
here my slider-range is displaying

我正在尝试将它向上移动到带有标签的滑块，因此它将在单行中。 预期结果：-

Time 12:00am to 5:00pm here my slider-range is displaying

我正在使用此代码。

<div id="time-range" class="padTopBottom10">
<p>Time : <span class="slider-time">12:00 AM</span> - <span class="slider-time2">05:00 PM</span></p>
<div class="sliders_step1">
    <div id="slider-range"></div>
</div>

请任何人帮助我。

【参考方案1】：

您的<p> 和<div> 标签都是块元素，您需要在CSS 中将它们设置为display: inline-block; :)