修復CSS定位和縮放

我正在考慮編寫一個UI工具包，其中設置元素/小部件的位置和大小是直觀和強大的。下面是如何將它使用的一些例子（目前尚未實施）：修復CSS定位和縮放

ui("Panel").size(". 40").pos("0 0").attach(element); 
ui("Textarea").size(". %-10").pos("0 40").attach(element); 
ui("Panel").size(". 10").pos("0 bottom+5");

凡.意味着auto，%意味着100%和可能性添加像素百分比。

有沒有像說的東西存在（即使作爲一個jQuery插件或什麼）？純CSS不可能實現。

來源

2010-06-02 Louis

你應該考慮允許直接百分比，就像'40％' – 2010-06-02 13:46:19

是的，我還想讓它成爲可能。 – Louis 2010-06-02 13:47:27

如果你想在Javascript中創建它，你將不得不讓腳本讀取ui代碼然後轉換爲css。這會造成太多的開銷，並不值得一提。如果能夠以更快速，更直觀的方式來創建樣式，那將是非常好的，但不幸的是，如果不付出高效，那麼效果就不會很好。

來源

2010-06-02 13:46:35 geshafer

我想過，但我敢肯定我的應用程序可以想辦法以某種方式緩存它。此外，解析簡單的位置和大小並不會花費太多開銷，只是將百分比與像素混合在一起。 – Louis 2010-06-02 13:49:25

也許只有一個UI元素;但我認爲一次可以有多個UI組件。然後在頁面加載時，它將需要轉換爲頁面可以讀取的內容，以便每個元素都必須通過腳本更改爲css。它似乎是使這種功能的最佳方式是個人使用，而不是實際的網絡應用程序。（即使用自己的代碼快速創建樣式化的UI元素，然後使用您的應用程序以相當快的速度進行解析並複製並粘貼輸出CSS） – geshafer 2010-06-02 13:54:45

在進入這個之前，我會非常謹慎。這會讓任何開發人員加入你的項目，需要學習新的佈局機制。

我還沒有看到CSS不能做什麼，所以你可能想看看它能做什麼，然後繼續看看http://www.csszengarden.com/的各種示例。我不是說CSS很簡單，但它是標準的。

如果你需要更多的權力看待CSS3，其中大部分可以使用jQuery來實現。

很抱歉地說，但我認爲你正在走自己的錯路。使用標準的，經過測試的，瞭解和記錄的方式。除非你在製造輪子，否則不要重新發明輪子。

來源

2010-06-02 13:51:41

完全同意。這就是爲什麼我的問題是「這是否存在？」：P。我一直在研究其他的UI框架，但是它們在容器或流向容器限制方面效果不佳。 – Louis 2010-06-02 13:58:48

修復CSS定位和縮放

回答

相關問題