输入滑块的样式问题

时间:2018-10-19 17:51:57

标签: jquery html css slider

试图使我的输出与解释它们的单词一致,现在,它们被转移到下一行,这是我不希望的。

Taco Stands:    Cost per <b><output class="output6">0</output></b> tacos<br>
TacoTaco <output class="output1">0</output>
Los Hermanos Tacos <output class="output2">0</output>
Natcho Taco<output class="output3">0</output>
Taco Bell<output class="output4">0</output>
Chipolte<output class="output5">0</output>

https://jsfiddle.net/xnpqd8cs/

我似乎也想不出如何使输出数字带有逗号以提高可读性。

2 个答案:

答案 0 :(得分:2)

在div中将输出与每一行换行,并从输出中删除<div class="h1_inf"><b>Upload/Download File</b></div><br><br> <div class="z_01"> <form action="upload.php" method="post" enctype="multipart/form-data"> Select image to upload: <input type="file" name="fileToUpload" id="fileToUpload"><br><br> <input type="submit" value="Upload File" name="submit"> </form><br> <form action="dnload.php" method="get"> Select image to dnload: <input type="file" name="fileToDnload" id="fileToDnload"><br><br> </form> </div> 。您应该为每一行包含一个块容器,其中包含要按需分隔的文本和输出。

display: block;

答案 1 :(得分:2)

这是因为output { display: block; }
块将元素显示为单独的行。删除它或使用output { display: inline; }:)