用css 如何设置页面居左

html-css017

用css 如何设置页面居左,第1张

页面和文本默认的都是居左的啊不需要设置,text-align只能让页面里面的文本排列位置left,center,right

页面位置设置应该用margin,还有algin这个属性也可以让页面left,center,right这三个位置,不过这个属性在body里面没有,而在div标签里面就有这个属性,如果非要设置页面居左的话你就在body的根下面添加个

<body>

<div align=left>

(这里就加上原来body里面的内容吧)

</div>

</body>

<!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/htmlcharset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

<!--

body {

margin: 0px

padding: 0px

}

#menu {

margin: 0 auto

}

#nav {

height: 20px

}

#nav li {

list-style-type: none

float: left

}

#nav li a {

font-size: 14px

background-color: #00CCFF

display: block

text-align: center

height: 20px

width: 50px

padding-top: 3px

text-decoration: none

color: #000000

margin-right: 2px

}

#nav li a:hover {

background-color: #CCCCCC

}

-->

</style>

</head>

<body>

<div id="menu">

<ul id="nav">

<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>

------------------------------------分隔线----------------------------

自己做的,希望是你想要的那种。