水平制表符到垂直

Question

有什么辦法可以使此腳本上的選項卡垂直而不是水平？ （彼此堆疊）

http://www.javascriptsource.com/navigation/giltab.html

否則喜歡它，但是我想在主頁內做一個菜單，並且我的主菜單是水平的。

Answer 1

垂直

     <!DOCTYPE html>
     <html>
     <head>
     <style type="text/css">
     ul
     {
     list-style-type:none;
     margin:0;
     padding:0;
     }
     a
     {
     display:block;
     width:60px;
     background-color:#dddddd;
     }
     </style>
     </head>

     <body>
     <ul>
     <li><a href="#home">Home</a></li>
     <li><a href="#news">News</a></li>
     <li><a href="#contact">Contact</a></li>
     <li><a href="#about">About</a></li>
     </ul>

     </body>
     </html>

卧式

    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    ul
    {
    list-style-type:none;
    margin:0;
    padding:0;
    }
    li
    {
    display:inline;
    }
    </style>
    </head>

    <body>
    <ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#news">News</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#about">About</a></li>
    </ul>

Answer 2

use
//vertical  
li
    {
    display:inline;
    }

//horizontal

li
    {
    display:block;
    }

水平制表符到垂直

問題描述

2 個解決方案

解決方案1
1 2012-07-23 08:30:18

解決方案2
0 2012-07-23 10:34:26

水平制表符到垂直

問題描述

2 個解決方案

解決方案1 1 2012-07-23 08:30:18

解決方案2 0 2012-07-23 10:34:26

解決方案1
1 2012-07-23 08:30:18

解決方案2
0 2012-07-23 10:34:26