如何使用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

给它margin:auto;和display:block，它应该与中心对齐。

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）

但如果您需要坚持使用内联标记，请使用：

<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>