如何设置AMP图像对齐中心

时间:2017-04-19 04:09:07

标签: amp-html

如何在放大器页面中设置如下?

"NonrecursiveInorderTree.h"

谢谢!

2 个答案:

答案 0 :(得分:4)

对于放大器,您需要使用amp-img标签

  

AMP HTML文件不支持普通的HTML img标记。使用amp-img AMP可提供强大的替代品。

<p>
    <amp-img src="img/LOCK1.png"  layout="fixed" width="40" height="40" alt="Lock1"></amp-img>
    <amp-img src="img/lock2.png"  layout="fixed"  width="40" height="40" alt="Lock2"></amp-img>
    <amp-img src="img/LOCK3.png"  layout="fixed" width="40" height="40" alt="Lock3"></amp-img>
</p>

请参阅:amp-img

  

您无法在放大器

中使用内联和外部css

您可以使用内部css,语法如下

<style amp-custom>
  p {
    text-align: center;
  }
</style>

答案 1 :(得分:1)

从@Bachcha Singh的答案中获得很多借鉴,只有在图像代码和图像AMP代码正下方添加内联CSS代码之后添加了div时,我才成功完成如下所示的操作。这就是我设法将图片放在AMP页面上的中心位置

<div class="img-wrapper">
<amp-img src="https://jomutech.com/dispJomutechIcon.png height="50" width="250" alt="Logo">
</amp-img>
</div>

<style amp-custom>
  div.img-wrapper {
    text-align: center;
  }
</style>