如何使div相对于主体居中，而不影响其中的控件。
需要准备的材料有:电脑、浏览器、html编辑器。
1.首先，打开html编辑器，创建一个新的html文件，比如index.html。
2.把替换为:
& ltbody style = & quot文本对齐:居中；& quot& gt
& ltdiv style = & quot边距:自动；宽度:200px高度:70px边框:1px纯蓝；文本对齐:左对齐；& quot& gt
& ltspan & gt123 & lt/span>。
& lt/div & gt；
& lt/body & gt；
3.当浏览器运行index.html页面时，div相对于正文居中，并且div中的内容不受影响。
用p+css如何让字靠右对齐？
可以使用“text-align:right;”属性让p里文字靠右。
1、新建html文档，在body标签中添加p标签，然后为p标签设置宽高和边框属性：
2、在p标签中输入文字，这时默认情况下p里面的文字靠左居中：
在编写HTML时，怎样让DIV文字居中？
1、新建一个html文件，先切换到边改边看模式。
2、写一个p出来，同时在内部加上一些文字。
3、使用css增加属性，使得p的区域看得清楚。
4、使用text-align:center属性使得文字横向居中。
5、设置行高，使这行文字实际占用的高度和p高度相同，就产生了居中效果。
6、如果是多行文字，需要配合行内标签p和它的padding属性来完成居中。
在CSS中居中的代码是什么？
最简单的方法就是把你的body这样设置：
<body>
<p></p>
</body>
注意：中间的那个p就是要居中的内容，这种房价浏览器都兼容。
css怎么实现p水平居中，呢？
因为“text-align:center”控制的是文本居中，p居中可以用外边距margin来实现。
1、新建html文件，在body标签中添加p标签，p标签中的内容为“演示文本”，添加题目中的css样式，为了方便演示，给p标签添加灰色背景，这时可以发现p靠近浏览器的左侧，文字在p中居中：
dwcs6如何使p在界面中居中？
01
先新建一个html文件，并在head中添加样式表【<style type="text/css"></style>】。

02
在body中添加一个DIV，并引入一个CSS，命名为【aaa】。

03
给这个DIV添加背景色，并定义它的宽和高。【background: #FA2;width: 400px;height: 600px;】。

04
然后添加如下代码。【position: fixed; left: 50%; top: 50%; z-index: 10;】。z-index是让DIV模块始终在最上端，也可以不添加。可以看到DIV块到了右下角的位置。

05
然后我们依次定义它的位置。先使用【margin-top: -300px;】“-300px”这个数值就是DIV高height: 600px;的一半，并添加为负值。可以看到DIV已经默认到上下居中的位置了。

06
先使用【margin-left: -200px;】“-200px”这个数值自然就是DIV宽width: 400px;的一半，并添加为负值。保存后刷新网页可以看到DIV已经左右居中了。

07
可以看到不管我们把页面变成什么尺寸，DIV都会自动居中，是不是解决你的问题了呢？
支付宝扫一扫
微信扫一扫
.png)
.png)
.png)
