使用jQuery.UI CSS框架的DIV樣式

我目前正在使用的項目使用jQuery UI框架的一些小部件。爲了給用戶提供一個全局的外觀和感覺，我想使用該框架也爲其CSS的東西。使用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框架文檔，但沒有那麼多的信息。

最好的問候，

戈登

來源

2009-08-13 Gordon

我想你的例子，它的工作原理。我沒有看到任何問題......您使用的是哪種瀏覽器？如果您在任何可能出現問題的情況下都使用IE。即使它假設是跨瀏覽器...我不使用IE瀏覽器，所以我無法檢查，對不起。嘗試使用任何其他瀏覽器，看看是否是固定的。還要確保你包含了ui-core和ui-theme文件。不要包含任何其他的CSS文件，看看是否已修復。我建議你使用firebug（在Firefox中）來查看樣式是如何應用的。

檢查如何在this page中應用CSS。你可能會覺得它很有用。

來源

2010-02-23 01:21:21 lepe

你能提供一個不適合你的例子嗎？

也許你在加載jQuery-UI-css並覆蓋某些東西后加載自己的css。

來源

2010-03-29 09:25:15 Tim

如果您的內容框和標題框未對齊，則可能是由於CSS中的填充不同，請嘗試將您的內容框填充設置爲與標題框填充相同。這在我遇到它時解決了這個問題。

來源

2010-03-29 09:29:52 Joe

使用jQuery.UI CSS框架的DIV樣式

回答

相關問題