TShopping

 找回密碼
 註冊
搜索
查看: 4239|回復: 3

[教學] DIV+CSS 根據內容多寡 自動調整背景大小

[複製鏈接]
發表於 2013-6-2 14:17:28 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
原本li 只有第一層
e1.JPG
完成 li自動增加一層
e2.JPG

  1. #main_nav {
  2. width: 1000px;
  3. background:#efefef;
  4. background:url(../templates/images/nav_bg.png);
  5. background-size:100px au0t;
  6. overflow:hidden;
  7. min-height:30px;
  8. max-height:90px;
  9. }
  10. #main_nav ul {
  11. width: 1000px;
  12. list-style: none;
  13. background:url(../templates/images/nav_bg.png);
  14. margin: 0;
  15. padding: 0;
  16. margin-left:10px;
  17. }
  18. #main_nav ul li {
  19. margin-top:5px;
  20. margin-left:10px;
  21. width: 4em;
  22. float: left;
  23. padding: 2px;
  24. text-align:justify;

  25. }
  26. #main_nav ul li a{
  27. color:#efefef;
  28. font-size:1.3em;
  29. }
  30. #main_nav ul li a:hover{
  31. color:#ccc;
  32. text-decoration:none;
  33. }
複製代碼
  1. <div id="main_nav">
  2.   <ul>
  3.       <li><a href="XXX">XXX</a></li>   
  4.   </ul>
  5. </div>
複製代碼
主要是再這一段
  1. overflow:hidden;
  2. min-height:30px;
  3. max-height:90px;
複製代碼

 

臉書網友討論
發表於 2014-6-14 11:00:52 | 顯示全部樓層
很好,谢谢你啊,辛苦了~~

版主招募中

發表於 2014-6-21 12:40:57 | 顯示全部樓層
今天没事来逛逛


發表於 2015-5-7 14:48:31 | 顯示全部樓層



   浮云啊  不是浮云吧。。


您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-8 17:53 , Processed in 0.066564 second(s), 25 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表