我需要更改以下img标记图像位置到中心如何执行此操作?如何使用img标记更改图像位置
<div class="text-center">
<img src="<?php echo base_url(); ?>assets/img/technet-logo-lg.png" width="300" alt="Technet Logo">
</div>
我需要更改以下img标记图像位置到中心如何执行此操作?如何使用img标记更改图像位置
<div class="text-center">
<img src="<?php echo base_url(); ?>assets/img/technet-logo-lg.png" width="300" alt="Technet Logo">
</div>
给它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>
你可以给我这里的代码示例 – 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>
当然你可以,但你必须给段落(文本中心)作为类的价值,因为你把它在原始问题的div –
文本 - 居中对齐;给父母 – 2017-08-16 18:01:09
你可以给代码示例 – Lion
你怎么样开始学习CSS的基础知识? – 2017-08-16 18:07:53