jQuery 或任何其他 JavaScript 库中是否有任何东西可以让您轻松布局网页,就像您可以在其中为每个元素设置“锚点”的 Windows 窗体(即-.NET WinForms)应用程序一样?因此,如果我为 Top、Left 和 Right 设置一个锚点...元素将随着包含的扩展而扩展其宽度,但不会扩展高度(但将保持在相同的 Y/顶部位置)。如果我不设置任何锚点,则元素保持相同的宽度和高度并居中。
我知道这与大多数优秀的网页设计相反(页面需要在各种屏幕尺寸/等上工作),但就我而言,我正在尝试创建一个非常丰富的 UI,而使用可用的 HTML/CSS 是不可能的布局规则。在您说这不是真的之前,我认为有几个流行的网站使用 JavaScript 在页面调整大小时重新定位项目。例如,我认为谷歌日历就是这样做的。
我的整体 UI 设计类似于这个 Dojo 示例:http ://demos.dojotoolkit.org/demos/themePreviewer/demo.html
我的页面将始终适合浏览器窗口(从不在窗口本身上的垂直/水平滚动条) - 当然,最大尺寸,在这种情况下,如果您不能使用该页面(与 Dojo 示例相同,它只是裁剪零件并变得无法使用)。我将有几个带有拆分器的面板来调整每个面板的大小,以及面板内需要锚定到各个点(底部/右侧/左侧/顶部/填充)的内容。
我不知道 Dojo - 它看起来相当庞大。我主要想知道我的选择是什么,并倾向于一个较小的库,专门用于添加锚/对接支持。