㈠ 導航條怎麼居中
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更深的認識。