为什么盒中填充内容box1不会居中,总是在盒子的一角?

来源:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

weibo_聪明虾虾_0

2015-07-22 15:43

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>边距</title>

<style type="text/css">

div{

    width:300px;

    height:300px;

border:1px solid red;

}

#box1{margin-bottom:30px;

}

</style>

</head>

<body>

    <div id="box1">box1</div>

    <div id="box2">box2</div>   

</body>

</html>



写回答 关注

2回答

  • 雨萱狮子座
    2015-07-23 18:21:59

    我的出现了哦,你在看看你的代码

  • 雨萱狮子座
    2015-07-22 17:18:48

    要想居中可以使用 margin:0 auto;

    weibo_...

    #box1{ margin:0 auto; } 这样只能让整个盒子居中,里面的box1(字体)还是在左上角。我想不明白为什么在padding margin border都是均匀的时候,盒子里的内容box1为什么不会出现在中心

    2015-07-22 20:12:13

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225293 学习 · 18230 问题

查看课程

相似问题