水平製表符到垂直

有沒有什麼辦法讓這個腳本的製表符垂直而不是水平的？（堆放在彼此的頂部）水平製表符到垂直

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

愛它，否則，但我想要做一個菜單裏面我的主頁&我的主菜單是水平的。

2012-07-23 Kim Savage

垂直

 <!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>

來源

2012-07-23 08:30:18 Darcey

use 
//vertical 
li 
    { 
    display:inline; 
    } 

//horizontal 

li 
    { 
    display:block; 
    }

來源

2012-07-23 10:34:26

水平製表符到垂直

回答

相關問題