你需要的是这个效果么？
还说说你需要把那些aaa也移动到中间？
至于你说把该html代码移到aspnet页面中不能居中，我猜可能是原有的js代码影响了这个页面居中的js代码。运行的平台是没有什么问题的。<div style="width:1000px; margin:0 auto;">
你所有的代码
</div>
或者
<center>
<div style="width:1000px;">
你所有的代码
</div>
</center>
最保险的办法
<center>
<div style="width:1000px;margin:0 auto;">
你所有的代码
</div>
</center>
你试试看！
CSS中设置文字右对齐可以通过代码：<p align="对齐方式">文本段落</p>来实现， *** 作步骤如下：
1新建一个html文档，如下图红框所示；
2可以给文档改个名字，如下图红框所示；
3然后在<body>和</body>之间输入文字内容，如下图红框所示；
4进一步设置以下文字的对齐方式，示例代码如下：<p align="center">孔雀为什么要东南飞？</p>；
5在浏览器中预览，文字就实现了右对齐，如下图红框所示；
如果是单行文字想垂直居中，只要保证div高和行高保持一致，就可以了。用下面的代码即可实现：
CSS代码：
#div-a{
height:60px;
line-height:60px;
}
HTML代码：
如果是多行文字，上面的垂直居中的方法就不行了，得用变通的方法实现；这里建议使用table方法，在table外面再套上相应的div，代码如下：
多行文字居中还有另外一种方法：
多行内容居中，且容器高度可变，也很简单，给出一致的padding-bottom和padding-top就行：
middle-demo-2
{
padding-top:24px;
padding-bottom:24px;
}
使用应用负外边距可以让DIV网页居中#container{
position:absolute;
left:50%;
width:760px;
margin-left:-380px;
}
评：首先将容器绝对定位于相对页面左边缘 50% 的位置，这样该容器的左边距将从页面 50% 宽度的位置开始算起，然后将容器的左外边距设置成为负的容器宽度的一半，
方法如下：
在布局一张网页时，通常网页主体框架是居中于浏览器中的。实现最外层DIV水平居中与浏览器中需要一个条件和一个设置。假如最外层DIV盒子的CSS命名为“#divcss5”,这个时候为了兼容各大浏览器实现最外层的这个盒子居中。
一条件：
这个时候对“body”设置css内容居中样式（text-align:center）
即CSS代码：body{text-align:center}
一设置：
这个时候对“#divcss5”设置居中必备样式css margin
即CSS代码：#divcss5{margin:0 auto}
为了便于观察布局居中效果，我们再对“#divcss5”加一个css边框为黑色，css宽度为300px;高度为100px样式。
最终得到DIV居中的CSS代码：
body{ text-align:center}
#divcss5{margin:0 auto;border:1px solid #000;width:300px;height:100px}
对应html代码片段：
<div id="divcss5">DIV水平居中案例</div>
居中案例截图
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）