如何水平居中显示呢？margin-left:400px，就看不见啦？

首页课程实战体系课手记专栏慕课教程

来源：2-14 编程练习

unbreakable_全栈

2019-01-20 12:23:54

如何水平居中显示呢？margin-left:400px，就看不见啦？

写回答

1回答

Miss路

2019-01-21

同学，你好，你是要实现文字的水平居中还是块元素的水平居中？

1、如果是文字水平居中的话，可以给文字设置text-align:center；

2、如果是要给块元素设置水平居中的话，可以参考如下小例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
.pre{
width: 600px;
height: 400px;
border:1px solid red;
position: relative;
}
.son{
width: 100px;
height: 100px;
background-color: red;
position: absolute;
/*实现水平居中*/
left: 50%;
margin-left: -50px;
/*实现垂直居中*/
top: 50%;
margin-top: -50px;
}
</style>
</head>
<body>
<div class="pre">
<div class="son"></div>
</div>
</body>
</html>

如果帮助到了你，欢迎采纳！如果不能解决你的疑问，请把你的完整代码粘贴上来，老师为你做针对性的解答。

祝学习愉快！

0 学习 · 36712 问题

查看课程

相似问题

为什么设置margin-right：400px不行？

回答 2

2-12编程练习，关于left，right,margin的综合使用

回答 1

关于margin属性的

回答 2

子元素水平居中那儿有点不理解，希望老师能够帮助理解~

回答 2

回答 3

打开慕课网App查看更多内容