如何将图像水平放置在页面中央?

时间:2015-08-30 15:10:37

标签: html css

目前我的所有内容都在页面的左侧。但我想开始将它改为中间(只是横向)。但是因为我是初学者,所以每次尝试它都不对。有经验的人可以帮忙吗?

HTML:

   <div class="iphonecontainer">
   <img class="iphone" src="untitled.jpg" align="left">
   </div>

的CSS:

   .iphonecontainer
   {
   width:100%;
   float:left;
   margin-top:6.5%;
   }

   .iphone {
   display:block;
   width: 400px;
   margin: 0;
   padding: 0;
   }

感谢您花时间提供帮助,祝您有个美好的一天!

2 个答案:

答案 0 :(得分:1)

更改 保证金:0; 至 保证金:0px auto; 更新。抱歉,删除对齐:左。

答案 1 :(得分:0)

&#13;
&#13;
.iphonecontainer
   {
   width:100%;
   text-align:center;
   margin:6.5% auto;
   }
&#13;
&#13;
&#13;