修复CSS定位和缩放

Question

我当时正在考虑编写一个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不可能实现某些功能。

Answer 1

如果要使用Javascript创建，则必须使脚本读取ui代码，然后转换为CSS。 这将导致过多的开销，并且真的不值得为此烦恼。 有一种更快，更直观的方式来创建样式会很好，但是不幸的是，如果不付出效率，那将不能很好地工作。

Answer 2

午餐之前，我会非常警惕。 这将使所有加入您的项目的开发人员都感到头疼，需要学习新的布局机制。

我还没有看到CSS不能做的事情，因此您可能需要先研究一下CSS可以做些什么，然后再查看http://www.csszengarden.com/上的各种示例。 我并不是说CSS很简单，但这是标准的。

如果您需要更多功能，请查看CSS3，其中大多数可以使用jQuery实现。

抱歉地说，但我认为您正在通过建立自己的方式走错路。 使用标准的，经过测试的，众所周知的和成文的方法。 除非您从事车轮制造业务，否则不要重新发明车轮。