0

このサイトを検索して答えを探したところ、同様のものが見つかりましたが、おそらくこれに関する経験が不足しているため、答えとして目立ったものはありませんでした. テーブルの下で JQuery スライダーを使用していますが、スライダーは独自の div にある必要があります。スライダーの左側に「最小」ラベルを表示し、右側に「最大」ラベルを表示しようとしています.3つの要素すべてが同じ行にあります。以下のコードが示すように、各要素をそれぞれの行に配置します。その理由も理解できます。

ただし、左にフローティングして、それぞれを独自の div に配置し、3 つすべてを 1 つの div に配置しようとしました。私もそれらの組み合わせを試しました。私はそれを得ることができず、私が試みる各実験は、私にとって論理的に意味をなさない外観になります.

私は何が欠けていますか?助けてくれてありがとう:)

<label id="min">0</label>
<div id="slider" style="width:450px"></div>
<label id="max">200</label>
4

3 に答える 3

1

いくつかのcssを追加します:

#min,#max,#slide {
   float: left;
}
于 2012-08-09T17:52:20.027 に答える
1

CSSを追加できます

#min, #max, #slider {
display:inline-block; vertical-align:top;
}

これにより、要素が行ごとに 1 つではなく、すべて隣り合わせにスタックされます。

float と inline-block に関するこの興味深い読み方もあるかもしれませんhttp://www.ternstyle.us/blog/float-vs-inline-block

于 2012-08-09T17:56:19.870 に答える
1

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 フィドルの例

于 2012-08-09T17:51:13.280 に答える