1、怎么用CSS把网页导航条文字居中?
将导航链接设置行高 line-height属性,属性值等于外面大盒子的高度即可!
希望能帮到你!
2、怎么实现在页面中导航栏居中的效果?
首先把#menu li 里面的浮动属性改为:display:inline;
然后在#menu 里面的加上:text-align:center; line-height:35px;
先试试吧,有什么问题就提提吧。
3、如何让导航条层居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>纺织科技协会</title>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.52css.com</title>
<style type="text/css">
<!--
#nav {
width:90%;
height:30px;
background-color: #99CCCC;
text-align:center;
}
#nav_main{/*增加的一个选择器*/
margin:0 auto;
width:640px;/*下面的#nav li 中width*个数即80*8=640*/
}
#nav ul {
font-size: 12px;
color: #FFF;
line-height: 30px;
white-space: nowrap;
margin:0px;
}
#nav li {
list-style-type: none;
float:left;/*我改了,这个在导航条中很经常使用*/
width:80px;/*我改了*/
padding:0px;
margin:0px;
}
#nav li a {
display:block;/*我改了*/
width:80px;/*我改了*/
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
padding:0px;
color: #FFF;
}
#nav li a:hover {
color:#000033;
background-color: #FFFFCC ;
height:30px;
}
.STYLE1 {
font-size: 24px;
font-weight: bold;
}
.STYLE3 {
color: #000033;
font-size: 18px;
}
.STYLE4 {
font-size: 16px;
font-weight: bold;
color: #333366;
}
.STYLE6 {font-size: 18px}
.STYLE7 {
font-size: 16px;
font-weight: bold;
color: #003366;
}
.STYLE9 {font-size: 12px}
.STYLE10 {font-size: 12}
.clear{
clear:both;
}
-->
</style>
</head>
<body>
<div id="nav">
<div id="nav_main">
<ul>
<li><a href="http://www.52css.com/">业界动态</a></li>
<li><a href="http://www.52css.com/">最新活动</a></li>
<li><a href="http://www.52css.com/">下载专区</a></li>
<li><a href="http://www.52css.com/">相关知识 </a></li>
<li><a href="http://www.52css.com/">历史回顾</a></li>
<li><a href="http://www.52css.com/">联系我们</a></li>
<li><a href="http://www.52css.com/">关于我们</a></li>
<li><a href="http://www.52css.com/">TS论坛</a></li>
</ul>
</div>
</div>
</body>
</html>
4、网页制作,如何把页面内容排版居中,内容文字对齐导航栏
文字用一个div嵌套起来,width设置呢跟导航一样,设置居中的css加这句height:auto 0;
5、网页设计怎样使横向导航栏文字居中
没有居中可能是因为你把a标签放到盒子里了(应该是div或者li吧),然后没有给出盒子的宽度,于是宽度自适应为文字宽度加padding,所以textalign没效果。吧宽度改下在看看吧,希望对你有帮助
6、在CSS样式中如何使导航文本居中?
你的意思就是说要让nav这个层,在网页中是居中的对吧,我看了一个你这里nav用了绝对定位,如果你还想让其居中的话,我建议可以在它的外层在加一个div,这个div来控制居中,用margin:auto就可以了,但此时的nav就是相对于你新加的div而绝对定位了。所以要搞清楚这些个关系就好办了。希望你能明白我的意思。
7、怎么才能使网页中的导航栏居中
<div style="WIDTH: 100%; ALIGN:CENTER; ">你的导航栏html代码</div>
8、如何让设置好的导航条在网页上居中
在导航栏容器中加入 style=“margin:0 auto”
如<div style=“margin:0 auto”>导航栏内容</div>
9、用Dreamweaver设计导航条如何居中及相关问题
div如果用了id 那个居中属性是无效的。 建议这样用<div align="center"><div id="nav"></div></div>
10、DIV+CSS设计网页布局时,如何将菜单导航部分背景自适应屏幕宽度,而让导航内容居中?
这是由两个div来实现的,首先建立一个外层div并设置宽高,要使宽度随屏幕宽度变化(即浏览器宽度变化),那么宽度就得设置100%,高度设置为你需要的高度即可,具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性,就是你导航的宽高,要使之居中,各人使用的方法也有所不同,但是常用的还是margin属性,具体属性如下 width:你导航的宽度;height:你导航的高度;margin:0 auto; 这样就实现了,如果背景是图片的话就更改background属性即可,还有不明白的随时Hi我。