在学习的过程中,我希望能够得到css的导航栏也能够居中的效果
但是,使用普通的text-align:center;
不起作用,经过在网上搜索
在经典论坛得到链接,uk的cssplay网站上公布了两种使其居中的方法
其中有一个使用了非常奇怪的del标签,不知道是为什么
但是总算解决掉了一个问题仍然很高兴
代码如下 | 复制代码 |
#menu1 { width:408px; padding:0; margin:0 auto; list-style-type:none; } #menu1 li { float:left; width:100px; border:1px solid #fff; } #menu1 a { display:block; width:100px; color:#000; background:#d4d4d4; text-align:center; padding:4px 0; text-decoration:none; float:left; } #menu1 a:hover { color:#fff; background:#08c; } #menu2 { display:table; padding:0; margin:0 auto; list-style-type:none; white-space:nowrap; } #menu2 li { display:table-cell; } * html #menu2 li { float:left; } #menu2 a { width:auto; display:block; padding:4px 16px; color:#fff; background:#08c; border:1px solid #fff; text-decoration:none; } * html #menu2 a { float:left; } #menu2 a:hover { color:#000; background:#d4d4d4; } .container {clear:both; text-decoration:none;} * html .container {display:inline-block;} XHTML |
摩尔庄园 安卓官方版v2.9.24091002S
摩尔庄园很多小伙伴一定都在小时候玩过,但随着我们年龄的增长淡
梦幻庄园最新版 官方正版v1.0.0
梦幻庄园是一款非常好玩的模拟经营类游戏,玩家在游戏中有一个属
合并梦幻岛免内购版 v2.1.0
合并梦幻岛无限内购版是游戏的破解版本,在该版本中为玩家解锁了
无悔华夏魅族版 2025最新版v3.5.194
无悔华夏魅族版是一款超级好用的模拟经营游戏。在这里玩家们需要
月影别墅官方安装包2025版 安卓版v2.3.24
月影别墅官方安装包2025版是一款匠心独具的乙女向剧情游戏,