图片为什么不能居中
来源：2-7 编程练习
Ting111
2019-05-12 22:44:14
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
*{padding: 0;margin:0;}
.title{text-align:center;}
.left,.right{float:left;width:450px;padding:20px;border: 1px solid black;}
.content{width: 1000px;margin-left: 50%;left: -400px;overflow: hidden;}
</style>
</head>
<body>
<div class="title">ENJOY THE LIFE</div>
<div class="content">
<div class="left">
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
<div>life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.life is like a book.
</div>
</div>
<div class="right">
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg">
<div>life is like a cup of coffee.life is like a cup of coffee.life is like a cup of coffee.life is like a cup of coffee.life is like a cup of coffee.life is like a cup of coffee.life is like a cup of coffee.life is like a cup of coffee.
</div>
</div>
</div>
</body>
</html>写回答
2回答
-
好帮手慕码
2019-05-13
同学你好！
（1）整体盒子没有居中，这里content设置了宽度，那么可以给content设置margin:0 auto;
（2）内部图片没有居中：是因为left和right宽度设置的大了，按照常规的排列图片靠左显示。可以给其宽度为426px（图片的宽度）
如果帮助到了你 欢迎采纳 祝学习愉快~
0 -
二十咚咚
2019-05-13
你都没定位，用left干嘛额
0
相似问题