请问这个代码中的字体长度怎么能自动适应

20004 2011-03-31 01:59:14

请问这个代码中的字体长度怎么能自动适应

=======================================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>红色的js+css漂亮导航栏</title>

<script type=text/javascript>

function shownav(k,h){

for(var i=0;i<9;i++){document.getElementById("subnav_"+k+i).style.display="none";}

for(var i=0;i<9;i++){document.getElementById("title_"+k+i).className="link";}

document.getElementById("title_"+k+h).className="hover";

document.getElementById("subnav_"+k+h).style.display="block";

}

</script>

<style>



</style>

</head>

<body>

<div class="nav">

<span class="nav_l"></span>

<div class="mainnav">

<ul>

<li><a href="http://www.siteceo.net/" class="hover" id="title_10" onmouseover="shownav(1,0);">脚本网</a></li>

<li><a href="News/" id="title_11" onmouseover="shownav(1,1);">行业资讯</a></li>

<li><a href="Ceo/" id="title_12" onmouseover="shownav(1,2);">阿拉在线</a></li>

<li><a href="Operations/" id="title_13" onmouseover="shownav(1,3);">网站运营</a></li>

<li><a href="Design/" id="title_14" onmouseover="shownav(1,4);">设计在线</a></li>

<li><a href="Program/" id="title_15" onmouseover="shownav(1,5);">网络编程</a></li>

<li><a href="Cms/" id="title_16" onmouseover="shownav(1,6);">CMS专区</a></li>

<li><a href="Server/" id="title_17" onmouseover="shownav(1,7);">服务器</a></li>

<li><a href="Tools/" id="title_18" onmouseover="shownav(1,8);">阿拉背包</a></li>

</ul>

<ul>

<p id="subnav_10"></p>

<p id="subnav_11" style="display:none"><a href="News/1-1/">业界动态</a>

| <a href="News/1-2/">收购融资</a>

| <a href="News/1-3/">门户动态</a>

| <a href="News/1-4/">搜索引擎</a>

| <a href="News/1-5/">网络游戏</a>

| <a href="News/1-6/">电子商务</a>

| <a href="News/1-7/">广告传媒</a>

| <a href="News/1-8/">厂商开发</a>

| <a href="News/1-9/">联盟资讯</a>

</p>

<p id="subnav_12" style="display:none"><a href="Ceo/2-1/">阿拉会厅</a>

| <a href="Ceo/2-2/">阿拉访谈</a>

| <a href="Ceo/2-3/">阿拉客站</a>

| <a href="Ceo/2-4/">好站推荐</a>

| <a href="Ceo/2-5/">阿拉心得</a>

| <a href="Ceo/2-6/">晒站场</a>

</p>

<p id="subnav_13" style="display:none"><a href="Operations/3-1/">建站经验</a>

| <a href="Operations/3-2/">策划营利</a>

| <a href="Operations/3-3/">SEO优化</a>

| <a href="Operations/3-4/">网站推广</a>

| <a href="Operations/3-5/">网赚技巧</a>

| <a href="Operations/3-6/">免费资源</a>

</p>

<p id="subnav_14" style="display:none"><a href="Design/5-1/">界面设计</a>

| <a href="Design/5-2/">网页特效</a>

| <a href="Design/5-3/">网页教程</a>

| <a href="Design/5-4/">设计杂谈</a>

| <a href="Design/5-5/">网站外包</a>

| <a href="Design/5-6/">人才招聘</a>

</p>

<p id="subnav_15" style="display:none"><a href="Program/7-1/">Asp编程</a>

| <a href="Program/7-2/">Php编程</a>

| <a href="Program/7-3/">.Net编程</a>

| <a href="Program/7-4/">Jsp编程</a>

| <a href="Program/7-5/">Xml编程</a>

| <a href="Program/7-6/">AJAX编辑</a>

| <a href="Program/7-7/">Access数据库</a>

| <a href="Program/7-8/">Mssql数据库</a>

| <a href="Program/7-9/">Mysql数据库</a>

</p>

<p id="subnav_16" style="display:none"><a href="Cms/4-1/">PHPCMS</a>

| <a href="Cms/4-2/">Supersite</a>

| <a href="Cms/4-3/">织梦CMS</a>

| <a href="Cms/4-4/">科汛CMS</a>

| <a href="Cms/4-5/">CMS建站联盟</a>

</p>

<p id="subnav_17" style="display:none"><a href="Server/8-1/">Web服务器</a>

| <a href="Server/8-2/">Ftp服务器</a>

| <a href="Server/8-3/">Mail服务器</a>

| <a href="Server/8-4/">Dns服务器</a>

| <a href="Server/8-5/">Win服务器</a>

| <a href="Server/8-6/">Linux服务器</a>

| <a href="Server/8-7/">安全防护</a>

</p>

<p id="subnav_18" style="display:none"><a href="Tools/9-1/">常用工具</a>

| <a href="Tools/9-2/">精彩视频</a>

| <a href="Tools/9-3/">图标素材</a>

</p></ul>

</div>

<span class="nav_r"></span>

</div>

</html>

...全文