JQUERY用戶界面從頂部邊框到頂點的空間太多

我正在嘗試JQUERY UI，但是我遇到了問題;即使填充爲0，DIV邊框頂部的距離也是太多。我能做什麼 - >他的主題是「平滑」，但我不認爲這是主題問題。JQUERY用戶界面從頂部邊框到頂點的空間太多

thanx您的幫助

亞歷

function themify(){ 
    $("div").addClass("ui-widget ui-widget-content ui-corner-all"); 
    $("input").addClass("ui-widget"); 
    $(":header").addClass("ui-widget-header ui-corner-all"); 
} 
</script> 

<style>#test{display:none}</style> 

<script type="text/javascript"> 
    function rendiVisibile(){ 
    if(document.getElementById("test").style.display = "none"){ 
     $("#test").css({"width":"200px","float":"right","text-align":"center"}); 
     $("#test").show("slide",{},1000); 
    } 
    } 
</script>

的CSS如下：

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } 
.ui-widget .ui-widget { font-size: 1em; } 
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } 
.ui-widget-content { border: 2px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } 
.ui-widget-content a { color: #222222; } 
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } 
.ui-widget-header a { color: #222222; }

來源

2010-05-03 Alex

也許你有一個保證金或邊框設置，你是不知道的..永遠記住。

該元素由填充包裝，該填充由邊框包裹，由邊距包裹。

如果填充爲零且元素不排列，那麼可能是您設置了邊框或邊距。

來源

2010-05-03 21:09:51

我編輯了CSS – Alex 2010-05-03 21:26:13

有些HTML會很高興看到。但也許你應該試着看看應用程序的樣式和螢火蟲或IE8.0的開發人員工具的佈局 – 2010-05-03 21:49:23

JQUERY用戶界面從頂部邊框到頂點的空間太多

回答

相關問題