4

我目前正在从事的一个项目将 jQuery UI 框架用于它的一些小部件。为了给用户提供全局的外观和感觉，我也想将该框架用于它的 css 内容。

我目前正在实施一个像主页这样的仪表板，用户可以在其中看到其数据的整体状态。这个仪表板是由一些 div 组成的，这些 div 应该对齐到网格布局中。

我尝试像下面这样设置 div 的样式

<div class="ui-widget">
  <div class="ui-widget-header">Box Header</div>
  <div class="ui-widget-content">
    Content of the Box
  </div>
</div>

稍后我想实现一些可拖动和可排序的功能。

我现在面临的问题是盒子没有正确对齐。

有没有人暗示使用 jQuery.UI 进行这种 CSS 工作？我在 jqueryui.com 上研究 CSS 框架文档，但没有那么多信息。

此致，

戈登

4

3 回答 3

0

你能提供一个不适合你的例子吗？

也许您在加载 jQuery-UI-css 并覆盖某些内容后加载自己的 css。

于 2010-03-29T09:25:15.620 回答
0

我试过你的例子，它有效。我没有发现任何问题...您使用的是哪个浏览器？如果您有任何机会使用 IE，这可能是问题所在。即使它被认为是跨浏览器...我不使用 IE 所以我无法检查，对不起。尝试使用任何其他浏览器，看看是否已修复。还要确保包含 ui-core 和 ui-theme 文件。不要包含任何其他 CSS 文件，看看是否已修复。我建议您使用 firebug（在 firefox 中）来查看样式是如何应用的。

检查 CSS 在此页面中的应用方式。您可能会发现它很有用。

于 2010-02-23T01:21:21.917 回答
0

如果您的内容框和标题框不对齐，可能是由于 css 中的填充不同，请尝试将您的内容框填充设置为与标题框填充相同。当我遇到它时，这解决了这个问题。

于 2010-03-29T09:29:52.613 回答