jquery-ui - 使用 jQuery.UI CSS 框架进行 DIV 样式化

Question

我目前正在从事的一个项目为其某些小部件使用了 jQuery UI 框架。为了向用户提供全局观感，我想将该框架也用于其 CSS 内容。

我目前正在实现一个类似于主页的仪表板，用户可以在其中查看其数据的总体状态。此仪表板由一些应对齐到网格布局中的 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 框架文档，但没有那么多信息。

最好的问候，

戈登

Answer 1

我试过你的例子，它有效。我没有看到任何错误...您使用的是哪种浏览器？如果您正在使用 IE，这可能是问题所在。尽管它应该是跨浏览器的……我不使用 IE，所以我无法检查，抱歉。尝试使用任何其他浏览器，看看是否已修复。还要确保包含 ui-core 和 ui-theme 文件。不要包含任何其他 CSS 文件，看看它是否已修复。我建议您使用 firebug(在 firefox 中)来查看样式是如何应用的。

检查如何在 this page 中应用 CSS .您可能会发现它很有用。