CSS - 先前li下的中心li

我正在嘗試將li放在前一個li下面的下拉菜單中。我能想出的最好的辦法是使用負邊距將列表移動到左側，但這不能一致。有任何想法嗎？CSS - 先前li下的中心li

http://empact.mcallinder.com/empact.php

#navigation { 
    height: 50px; 
    width: 960; 
} 
#navigation ul li { 
    display: block; 
    float: left; 
    padding: 0 40px; 
} 
#navigation ul li ul { 
    display:none; 
    width: 240px; 
} 
#navigation li:hover ul { 
    display:block; 
    position: absolute; 
    margin: 0 0 0 -35px; 
    padding: 0; 
}

來源

2012-01-13 mcallinder

僅僅從用戶的角度來看......居中的菜單項並不好看......按照默認的左對齊方式 – 2012-01-13 07:57:55

也許可以在li上使用'text-align：center'，然後將文本打包跨度或分區。 – mpen 2012-01-13 08:01:34

在你的情況，你需要添加position:relative爲#navigation ul li，然後使用

left: 50%; 
margin-left: -52px;

定位 #navigation li:hover ul

這樣做，首先，你應該ul到父母li的一半，然後根據它的尺寸將其移動到左側。

來源

2012-01-13 08:41:08 kizu

謝謝，那很好。 – mcallinder 2012-01-13 21:00:08

試試這個編碼：

#navigation ul li { 
    border: 1px solid black; 
    display: block; 
    float: left; 
    padding: 0 30px; 
    width: 80px; 
}

來源

2012-01-13 07:53:32

CSS - 先前li下的中心li

回答

相關問題