製表符的字體看起來有點過大

我使用jQueryUI的默認值，但看起來像字體有點大。我知道一種解決方案是「很好，只是讓它變得更小」，但我只是想知道我是否已經搞砸了一些東西，或者在我充電之前沒有正確設置值並開始改變內容。製表符的字體看起來有點過大

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 
</script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" type="text/css" media="all" /> 
<script type="text/javascript"> 
google.load("jqueryui", "1"); 
function OnLoadCallbackUI(){ 
    $('#tabs').tabs(); 
} 
google.setOnLoadCallback(OnLoadCallbackUI); 
</script> 
</head> 
<body> 

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab1</a></li> 
     <li><a href="#tabs-2">tab2</a></li> 
    </ul> 
    <div id="tabs-1"> 
     tabs-1 
    </div> 
    <div id="tabs-2"> 
     tabs-2 
    </div> 
</div> 
</body> 
</html>

來源

2010-04-21 Phillip Senn

演示頁面包括：

 body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} 
     .demoHeaders { margin-top: 2em; } 
     #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} 
     #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} 
     ul#icons {margin: 0; padding: 0;} 
     ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} 
     ul#icons span.ui-icon {float: left; margin: 0 4px;}

來源

2010-04-21 21:33:32

不要修改jQuery CSS文件。相反，根據需要使用自己的CSS來覆蓋它。

來源

2010-04-21 19:38:15

我想我的問題是：爲什麼是它在默認情況下這麼大呢？我的意思是：沒有人使用它作爲尺寸，是嗎？也許我應該從某人那裏下載模板。 – 2010-04-21 19:52:52

製表符的字體看起來有點過大

回答

相關問題