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

我需要更改以下img标记图像位置到中心如何执行此操作？如何使用img标记更改图像位置

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

来源

2017-08-16 Lion

文本 - 居中对齐;给父母 – 2017-08-16 18:01:09

你可以给代码示例 – Lion

你怎么样开始学习CSS的基础知识？ – 2017-08-16 18:07:53

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

来源

2017-08-16 18:00:32

你可以给我这里的代码示例 – Lion

图像的行为就像内联元素，因此margin自动不会对图像产生任何影响。您可以在其父元素上指定'text-align：cente'，或者您需要将图像的'display'属性更改为''block''或'inline-block'以获得任何效果。 –

@MarekTakac我有一个脑屁。出于某种原因，我认为它会自动显示为块。 –

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

来源

2017-08-16 18:05:46

我不能使用这个

这是一些文字。这是一些文字。

– Lion

当然你可以，但你必须给段落（文本中心）作为类的价值，因为你把它在原始问题的div –

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

回答

相关问题