css导航条居中的问题
我有空没有事做研究一下CSS+DIV,现做一条导航条,遇到一个问题,它大家帮忙解决一下:
以下代码可以实现居中,但有一个问题就是,如果我加多一个栏目比如加多一个HTML code:
<li><a href="">联系我们</a></li>
,它将会布局乱。这样得要修改width:57%;这个值,怎样修改才能让自适应,即使添加多几个导航也不会乱?
CSS code:
.test
{
margin:0 auto;
width:100%;
height:30px;
}
.test ul
{
list-style:none;
margin:0 auto;
width:57%;
}
.test ul li
{
float:left;
margin-right:20px;
}
HTML code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="StyleSheet.css" />
</head>
<body>
<div class="test">
<ul>
<li><a href="">首页</a></li>
<li><a href="">产品介绍</a></li>
<li><a hre
相关问答:
我用DIV+CSS做了一个可以移动的层。。。。怎么样将这个层的数据保存到数据库中。。。。在打开页面的时候在从数据库中加载出来显示!!!!!!!哪位哥们有例子的可不可以发给我
div 对应的位置用from给到ACTION 存 ......
如何用CSS定义网页打印时候的上,左,下,右四个页边距呢?也就是说我在CSS里定义的页边距就是我打印出来的页边距?
还有我在网页里加了一个打印的按钮,如何在打印出来的页面里不显示这个按钮呢?
麻烦各位告知,谢谢 ......
我写好了一个PHP页 和写好了CSS样式 但是不知道怎样使CSS样式在PHP页中起作用
我是这样写连接的: <link rel=\"stylesheet\" href=\"style/style.css\" type=\"text/css\" /> ......
比如我做的一张图 里面包含了N个小图片
CSS这样写:
.a{background:url('/images/theme-hotgoods.gif') no-repeat left -130px;}
.b{background:url('/images/theme-hotgoods.gif') no ......
POSITION: absolute;WIDTH:100%;overflow:hidden;white-space:nowrap;这种方法在页面有
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ ......