如何设置AMP图像居中对齐

2024-01-09

如何在 amp 页面中进行如下设置?

<p align="center"><img src="img/LOCK1.png" width="40"> <img src="img/lock2.png"  width="40"> <img src="img/LOCK3.png" width="40"></p>

谢谢你!


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

AMP HTML 文件不支持普通的 HTML img 标签。 AMP 借助 amp-img 提供了强大的替代品。

<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 https://ampbyexample.com/components/amp-img/

您不能在 amp 中使用内联和外部 css

您可以使用以下语法的内部CSS

<style amp-custom>
  p {
    text-align: center;
  }
</style>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何设置AMP图像居中对齐 的相关文章

随机推荐

  • 使用 python 解压主文件夹中的文件夹内的 gz 文件

    我在多个文件夹中有 gz 压缩文件 这些文件都位于名为 usa 的主文件夹中 我能够使用下面的代码提取单个文件 import gzip import shutil source r C usauc300 dbf gz output r C
  • Schedulers.io() 上的并行数据库搜索

    我想知道当我并行访问数据库表时是否应该使用 Schedulers io 还是 Schedulers newThread 例如 如果我使用 Schedulers io 并行地从数千个表中选择记录 则任务完成后会在线程池中创建很多新创建的线程
  • Scala 解释器有哪些限制和解决方法?

    什么样的结构需要 scalac 编译以及如何制作可在解释器中工作的等效结构 Edit 我想使用 scala 而不是 python 作为脚本语言 使用 usr bin scala 您应该能够在 REPL 中执行任何可以在外部代码中执行的操作
  • 将 UIImage 转换为 NSString(反之亦然)

    我需要一种方法来转换 NSString 中的 UIImage 然后将 NSString 转换回 UIImage Thanks 适用于 gt iOS 7 NSString imageToNSString UIImage image NSDat
  • mupdf for android:ndk-build问题(错误:typedef的重新定义......)

    我正在按照必要的步骤安装适用于 Android 的 MuPDF MuPDF 是在我的系统上构建的 我能够使用 C 来利用它 现在尝试使用 Android README 中的所有步骤均已成功执行 但当我执行到步骤 10 时 我就必须这样做nd
  • Rails 错误:`rescue in ':未初始化的常量 Bundler (NameError)

    今天早些时候 我更新了系统上的 gems gem update 它更新了一些 gem 但之后我无法启动我的 Rails 服务器 我收到此错误 Users gugguson rubys my rails app config boot rb
  • NoSuchMethodError Lcom/google/gson/Gson;改造响应后

    因此 我的应用程序发布近一年了 但没有看到此问题 现在它出现了 即使现在 我手机上的调试版本也没有这个问题 我从 Android Studio 打开的任何模拟器都没有任何问题 然而 Google 开发者控制台中的预发布报告中的几乎每个模拟器
  • 了解编译器的工作原理

    我正在学习 C 编程语言 我对编译器如何创建可执行文件有疑问 我的书上说 C 是一种编译语言 因此您需要将源代码翻译为计算机可以执行的文件 这个文件是由编译器生成的 称为目标代码 obj 但是像 hello world 程序这样的程序是由我
  • ostream 链接,输出顺序

    我有一个函数需要ostream引用作为参数 将一些数据写入流 然后返回对同一流的引用 如下所示 include
  • 如何让 Turtle 等待按下的键

    我和我的团队创建了一款在 Turtle 上运行的棋盘游戏 我们很难在不需要 IDE 控制台的情况下运行游戏 我们希望使用 onkeypress 来运行我们的游戏 这样用户就不必离开游戏窗口 import turtle from turtle
  • 普罗米修斯上的多个目标

    我已经在Centos上配置了prometheus 版本详细信息如下 prometheus 2 5 0 linux 386 我在 prometheus yml 配置文件中添加了两个目标 所有服务器节点导出器都在运行 配置如下 scrape c
  • PL SQL For 循环 Sys_RefCursor

    我正在使用 Oracle 12c 在 PL SQL 中我可以做到这一点 set serveroutput on declare begin for x in select 1 as y from dual loop dbms output
  • ttk 应用样式时打开辅助窗口

    这是我的代码 from Tkinter import import ttk tkMessageBox import os font Avenir 24 b ttk Style b configure TButton font font cl
  • 如何更改 Textview 中的字母间距?

    如何更改文本视图中的字母间距 如果我里面有 HTML 文本会有帮助吗 我不能在我的代码中使用 webview 附 我在带有 HTML 文本的文本视图中使用自己的字体 从 API 21 开始 有一个选项设置字母间距 可以调用方法设置字母间距
  • 如何在我的 Angular2 应用程序中列出/输出 @Routes 中的所有路由

    我有一个快速的问题 我目前正在浏览https angular io docs ts latest api router Router class html https angular io docs ts latest api router
  • 如何用pl/sql循环接受用户输入?

    我希望能够根据用户输入将可变数量的行插入表中 例如 Please enter value enter done when no more values value 1 Please enter value enter done when n
  • 在 iFrame 中嵌入 Google Apps 脚本

    我正在尝试将使用 Google Apps 脚本中的 Javascript 动态构建的页面嵌入到我的 iFrame 网站中 但未显示 iFrame 的内容 Google Apps 脚本具有同源策略 可阻止其加载 我想做的是 我删除了完整链接
  • 类的对象..无法转换为字符串

    我做了我的第一堂课 但在将对象转换回字符串时遇到了麻烦 class Cryption var data var salt function construct data salt this gt data data this gt salt
  • 在 Windows 中从 cmd 运行 R

    我正在尝试安装 rtools 以便我可以安装另一个软件包 Google 的 causalimpact 并且该过程表明我的 R 路径环境存在问题 主要问题 我跑不了R从命令窗口 预期的行为是输出如下并给出 gt prompt R versio
  • 如何设置AMP图像居中对齐

    如何在 amp 页面中进行如下设置 p align center img src img LOCK1 png width 40 img src img lock2 png width 40 img src img LOCK3 png wid