我的代碼在聯系我們那把代碼由Tel改成電話就變的不好看了，不知道該怎么修改，希望老師解疑！
<style type="text/css">
*{ margin:0px; padding:0px;}
#nav{ background-color:#999; width:600px; height:40px; margin:0 auto}
ul li{list-style:none;}
ul li{float:left; line-height:40px; text-align:center; position:relative;}
a { text-decoration:none; color: #00F; ?display:block; padding:0 10px; }
a:hover{ color: #000; background-color: #3FF;}
ul li ul li{ float:none; ?background-color: #3FF; margin-top:2px;}
ul li ul{ position:absolute; left:0px; top:40px; display:none;}
ul li ul li a:hover{ color: #6F6; background-color: #666;}
?ul li:hover ul{ display:block;}
</style>
</head>
<body>
<div id="nav">
? ?<ul>
? ? ?<li><a href="#">首頁</a></li>
? ? ?<li><a href="#">課程大廳</a>
? ? ? ? ?<ul>
? ? ? ? ? <li><a href="#">c語言</a></li>
? ? ? ? ? <li><a href="#">Java</a></li>
? ? ? ? ?</ul>?
? ? ?</li>
? ? ?<li><a href="#">學習中心</a>
? ? ? ? ? <ul>
? ? ? ? ? <li><a href="#">計算機</a></li>
? ? ? ? ? <li><a href="#">桌面項目</a></li>
? ? ? ? ?</ul> ??
? ? ?</li>
? ? ?<li><a href="#">經典案例</a>
? ? ? ? ? <ul>
? ? ? ? ? <li><a href="#">車聯網</a></li>
? ? ? ? ? <li><a href="#">阿里巴巴</a></li>
? ? ? ? ?</ul>?
? ? ?</li>
? ? ?<li><a href="#">聯系我們</a>
? ? ? ? ?<ul>
? ? ? ? ? <li><a href="#">QQ:123456789</a></li>
? ? ? ? ? <li><a href="#">Tel:123456789</a></li>
? ? ? ? ?</ul>?
? ? ?</li>
? ?</ul>
</div>
</body>
2016-07-28
給這里?
ul li ul li{ float:none; ?background-color: #3FF; margin-top:2px;}
第一種方法：增加width:150px或者多少 ?寬一點讓他不會超出
第二種方法 增加屬性
display:block;
overflow:hidden；
text-overflow: clip；//直接隱藏掉超出部分就不會換行 ?或者clip換成ellipsis ?超出用省略號代替。
第三中?
display:block;/*內聯對象需加*/?
width:100px;?
word-break:keep-all; /* 不換行 */?
white-space:nowrap; /* 不換行 */?
overflow:hidden; /* 內容超出寬度時隱藏超出部分的內容 */?
text-overflow:ellipsis; /* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/?