修复CSS定位和缩放

时间:2010-06-02 13:37:18

标签: javascript css user-interface

我正在考虑编写一个UI工具包,其中设置元素/小部件的位置和大小是直观且强大的。以下是如何使用它(当前未实现)的一些示例:

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无法实现某些功能。

2 个答案:

答案 0 :(得分:1)

如果你想在Javascript中创建它,你必须让脚本读取ui代码然后转换为css。这会造成太多的开销,并不值得麻烦。有一种更直观的方式来创建样式会很不错,但不幸的是,如果不付出效率,它就不能很好地工作。

答案 1 :(得分:0)

在午餐之前我会非常小心。这将使任何devloper加入您的项目是一个需要学习新布局机制的主要问题。

我还没有看到CSS无法做什么,因此您可能希望在继续查看http://www.csszengarden.com/中的各种示例之前先了解它可以做些什么。我不是说CSS很容易,但它是标准的。

如果您需要更多功能,请查看CSS3,其中大部分内容都可以使用jQuery实现。

很抱歉,但我认为你正在走错路,建立自己的道路。使用标准,经过测试,熟知和记录的方式。除非你从事制造业务,否则不要重新发明轮子。