如何使用img标签更改图像位置

Question

我需要改变下面img标签图像的位置来居中，我该怎么做呢？

<div class="text-center">
                    <img src="<?php echo base_url(); ?>assets/img/technet-logo-lg.png" width="300" alt="Technet Logo">
                </div>

Answer 1

给它一个带有display:block的margin:auto;，它应该与中心对齐。

​

img{
  display:block;
  margin:auto;
}
p{
  text-align:center;
}

<p>This is some text. <img src="http://www.fillmurray.com/200/300" alt="Smiley face" align="middle"> This is some text.</p>

​

Answer 2

.text-center
{
    text-align:center;
}

这可能就是您想要的( DEMO )

但是，如果您需要使用inline标记，只需使用：

<div class="text-center" style='text-align:center;'>
                    <img  src="<?php echo base_url(); ?>assets/img/technet-logo-lg.png" width="300" alt="Technet Logo">
                </div>