㈠ 导航条怎么居中
body { margin:0 auto;}
把你导航条所在的div样式设置为:上下边距设置为你想要的距离,左右应该设置为自动,这样就才可以居中啦!
试试吧!希望对你有用!
㈡ 怎么用CSS把网页导航条文字居中
文字居中用到css2.0中的text-align属性;
text-align属性是针对文字的对齐方式;
其中值包括:left(向左对齐)
center(居中)
right(右对齐)
justify(两端对齐)
inherit(默认对齐方式)
在这里我们将用到:text-align:center属性
㈢ 如何让设置好的导航条在网页上居中
给他个容器!表格的或者是<div>的,然后让这个表格或者<div>相对body居中!或者是<div>的容器居中!就可以了1
㈣ 网页编辑时,导航条如何居中
<div
style="margin:0px
auto;
width:90%">
导航条
</div>
把导航条的内容放在这里就可以了
㈤ 新手想写个导航栏,但是文字不知道如何横排,在div里面居中
你用的是p标签,p标签默认是占满一行,所以你的导航就不能水平排列了;如果一定要用p标签的话可以给p标签设置个宽度再加个浮动,eg:width:120px;float:left;导航类建议用ul li。
㈥ 怎样让导航栏里的文字居中
在html中实现文字图片内容居中有三种方法,其中两种使用CSS样式实现,
一直使用原始的html标签内加入“align="center"”(居中)实现。
一、对body加CSS居中样式
<!DOCTYPEhtml>
<html>
<head><metacharset="gb2312"/>
<title>divcss5之居中实例</title>
<style>body{text-align:center}
</style>
</head><body>我会被居中</body></html>
二、对文字外层对象加css居中样式
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metacharset="gb2312"/>
<title>divcss5之居中实例</title>
<style>
.divcss5{text-align:center}
</style>
</head>
<body>
<divclass="divcss5">我会被居中</div>
<divclass="divcss5"><imgsrc="divcss5-logo-201305.gif"/></div>
</body>
</html>
三、之间对文字外层对象加align="center"
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metacharset="gb2312"/>
<title>htmlalign居中</title>
</head>
<body>
<divalign="center">我会居中的</div>
<tablewidth="100%">
<tr>
<tdalign="center">表格中居中</td>
</tr>
</table>
</body>
</html>
此方法是以前较为常见的方法,直接在html标签内使用align="center"
即可实现对象内图片或文字内容实现居中。
㈦ 网站导航栏在左边,怎么让其在中间
给顶部的div加上这段css就行了position:relative;margin:0 auto;(前提是设置了width)
㈧ 怎么实现在页面中导航栏居中的效果
居中的方法无非是将要居中的元素外面的div设置margin:0 auto;即可
具体可再考虑下,比如讲menu放到一个宽度固定的div中,然后给这个div添加margin:0 auto;
㈨ 网页导航条里的文字居中
1、选中文字,按鼠标拖动
2、在“属性设置”里面改变一下导航条的宽高。
3、选中文字,击鼠标右键,选“对齐——居中对齐”
4、选中文字,在“属性设置”面板中把“标题”复选框中设为选中模式、
不能居中原因很多,每个都试试吧。实在不行的话,就在Photoshop里面将导航条的背景做处理,直接加上文字然后再导入网页软件里面。
多下点学习视频,练习上一段时间就会突然开窍的!
㈩ 如何张导航栏像标题一样在页面中居中,我以用了<div align="center">。。。</div>还是不行
给你的容器#containner设置一个宽度,然后使用语句margin:0 auto;其实就可以了。但可能IE6不支持自动空白边。你的body里的text-align:center;原意是让文本居中,但IE将text-align:center;理解成让所有的东西都居中,包括div标签;这是原理,下面我在你代码的基础上修改如下(测试可用):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body *
{
margin:0px;
padding:0px;
text-align:center;
}
#containner
{
width:500px;
margin:0 auto;
position:relative;
background-color:#F4FFFF;
/*top:0px;*/
/*left:0px;*/
}
#banner2
{
width:100%;
height:100%;
float:left;
/*margin-left:0px;*/
/*margin-top:0px;*/
/*padding:0px; */
font-size:18px;
}
#banner2 li
{
width:15.64%;
height:100%;
margin:1px;
/*text-align:center; */
float:left;
display:block;
text-decoration:none;
border-bottom-style:outset;
border-right-style:outset;
}
#banner2 li a
{ height:100%;
color:#3399FF;
text-decoration:none;
display:block;
/*text-align:center;*/
/* margin-left:0px;*/
padding:2px;
background:#DDF4FF
}
#banner2 li a:hover
{
background:#005279;
color:#FF6600;
}
</style>
</head>
<body>
<div id="containner">
<ul id="banner2" >
<li><a href="#">首页</a></li>
<li><a href="#">你好</a></li>
<li><a href="#">嘿嘿</a></li>
<li><a href="#">美女</a></li>
<li><a href="#">生活</a></li>
<li><a href="#">自信</a></li>
</ul>
</div>
</body>
</html>
有很多细节,如body后的*,通配选择符。为#containner增加了宽度设定,为ul标签设置了id"banner2",取消了原来的div等,你自己比较下。我用FireFox和IE8测试了,效果都出来了。你可再用IE6试试 。还有其它居中的方法,如定位和负值空白边(负值外边距)等,这需要你对CSS更深的认识。