Nullifying CSS填充

Question

看起來像一個奇怪的問題，但我似乎處於虧損狀態。我有一個菜單，用戶可以選擇頁面上的元素之間有多少空間。爲此，我使用不同大小的填充列表。像這樣..

"Padding" : { 
    "extendsValue" : "Css", 
    "value" : "padding", 
    "inputType" : "select", 
    "selectOptions" : [ 
     { "value" : "auto", "display" : "0px" }, 
     { "value" : "10px", "display" : "10px" }, 
     { "value" : "20px", "display" : "20px" }, 
     { "value" : "30px", "display" : "30px" }, 
     { "value" : "40px", "display" : "40px" }, 
     { "value" : "50px", "display" : "50px" }, 
     { "value" : "60px", "display" : "60px" }, 
     { "value" : "70px", "display" : "70px" }, 
     { "value" : "80px", "display" : "80px" }, 
     { "value" : "90px", "display" : "90px" }, 
     { "value" : "100px", "display" : "100px" }, 
     { "value" : "150px", "display" : "150px" }, 
     { "value" : "200px", "display" : "200px" }, 
     { "value" : "250px", "display" : "250px" }, 
     { "value" : "300px", "display" : "300px" }, 
     { "value" : "350px", "display" : "350px" }, 
     { "value" : "400px", "display" : "400px" }, 
     { "value" : "450px", "display" : "450px" }, 
     { "value" : "500px", "display" : "500px" } 
    ], 
} 

我的問題似乎是，當他們選擇0像素，即使我把它設置爲自動被填充仍設置爲0，這是造成與中心的問題。理想情況下，當他們選擇0時，我希望內聯填充可以離開並採用我已有的樣式。

有沒有辦法做到這一點？我已經嘗試過null或者只是將它留空，但它總是隻想將其設置回0. 我不希望我的填充爲0.

Answer 1

不知道如何使用下拉列表，但這裏是一個主意。

而不是做的style = "padding:[value]"你可以只是整個style = [value]這樣的：

"selectOptions" : [ 
    { "value" : "padding: 0px", "display" : "0px" }, 
    { "value" : "padding: 10px", "display" : "10px" }, 
    { "value" : "padding: 20px", "display" : "20px" }, 
    { "value" : "padding: 30px", "display" : "30px" },... 

那是你甚至可以添加例外額外的造型如果需要的話，如：

"selectOptions" : [ 
     { "value" : "padding: 0px; display: inline", "display" : "0px" }, 
     { "value" : "padding: 10px", "display" : "10px" }, 
     { "value" : "padding: 20px", "display" : "20px" }, 
     { "value" : "padding: 30px", "display" : "30px" },...