asp代码上下左右居中代码?

html-css09

asp代码上下左右居中代码?,第1张

这个是CSS控制的!居中有很多种,要看居中的元素是 行内元素还是块元素

比如DIV子块 在父DIV 块中的居中,可以用下面的CSS 代码

<!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=utf-8" />

<style>

#parent

{

 border:solid 1px red

 width:500px

 height:200px

 margin: 0 auto/*这句可以控制水平居中*/

}

/*以上是父DIV水平居中CSS,下面是子DIV水平垂直居中的方法之一*/

#parent div{

 background:blue

 width:300px

 height:100px

 margin:50px auto auto auto/*左右下MARGIN(外边框)设置为自动,保证左右居中,上外框设置为高度的一半,然后把TOP设置为50%*/

 top:50%

 /*下面设置文字,也就是行内元素的居中*/

 color:white

 text-align:center/*这句是用来保证文字水平居中的*/

/*块元素里面包含的 行内元素用 vertical-align:middle是不管用的,至少DIV是这样,需要用另一种变通的方法,下面就是方法*/

line-height:100px/*就是把文字(行内元素)的行高设置成和DIV(块元素)的高度一样,但是仅限于单行文字*/

}

</style>

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

</head>

<body>

<div id="parent">

<div>子DIV</div>

</div>

</body>

</html>

用ASP.NET做的网站,页面居中是靠css样式控制的。 

比如: 

body{margin:autowidth:1000pxtext-align:center} 

//此处的body样式就是控制页面居中的。 

div{margin:0autowidth:1000px} 

居中显示 

&lthtml&gt 

&lthead&gt 

&lttitle&gtUntitledPage&lt/title&gt 

&lt/head&gt 

&ltbody&gt 

&ltformid="form1"runat="server"&gt 

&ltdiv&gt 

&lttableborder="1"width="300"&gt 

&lttr&gt 

&lttdstyle="text-align:center"&gtaaaaa&lt/td&gt 

&lt/tr&gt 

&lt/table&gt 

&lt/div&gt 

&lt/form&gt 

&lt/body&gt 

&lt/html&gt

ASP.NET 是.NETFrameWork的一部分,是一项微软公司的技术,是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术,它可以在通过HTTP请求文档.

在form外增加一个div,即:

<div style="width:960pxmargin:0 auto">

<form .....>

</form>

</div>

PS:其中div的宽度一定要设定。。