如何計算由左（增量）填充，以中，從初中到右

Question

這是更多的數學問題，但我認爲這不是數學部分。
我以數字爲中心渲染此框。
箱子的整個寬度是350px。
我有0-11這樣的最小和最大數字，我將350/11分開以獲得每個盒子的寬度。
波紋這我有一個滑塊，也是350px寬度和拇指在它是14px。
我想要的是，拇指位置總是以數字在上面的一個盒子中。
問題：


中間數字很好，它總是在拇指的中心，但是當我走向左側或右側時，數字不再居中。
如何根據寬度值計算框內數字的位置？

Answer 1

爲了從滑塊參數計算總框寬度：

box_width = (slider_width - slider_track_width) * num_sub_boxes/(num_sub_boxes - 1)

在你的情況box_width = 350px, num_sub_boxes = 11。如果你想從固定框的寬度，而不是設置滑塊寬度可以反轉公式：

slider_width = (1 - 1/num_sub_boxes) * box_width + slider_track_width

注意，滑塊大小沒有相關性（我認爲無論如何 - 讓我知道，如果我錯誤）。