如何垂直居中amp-img？
垂直居中amp-img可以通过以下几种方法实现：
- 使用flex布局：将amp-img的父元素设置为display: flex，并添加align-items: center属性，这样amp-img就会垂直居中。
<div style="display: flex; align-items: center;">
<amp-img src="image.jpg" width="200" height="200"></amp-img>
</div>- 使用绝对定位和transform属性：将amp-img的父元素设置为相对定位，然后将amp-img设置为绝对定位，并使用transform属性进行垂直居中。
<div style="position: relative;">
<amp-img style="position: absolute; top: 50%; transform: translateY(-50%);" src="image.jpg" width="200" height="200"></amp-img>
</div>- 使用表格布局：将amp-img的父元素设置为display: table，并将amp-img设置为display: table-cell，并使用vertical-align: middle属性进行垂直居中。
<div style="display: table; height: 200px;">
<div style="display: table-cell; vertical-align: middle;">
<amp-img src="image.jpg" width="200" height="200"></amp-img>
</div>
</div>这些方法可以在不同场景下实现amp-img的垂直居中效果。对于AMP项目，腾讯云提供了一系列云产品来支持云计算和网站加速，例如腾讯云CDN、腾讯云云服务器、腾讯云对象存储等。您可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我正尝试将垂直居中放置在div中。<div class="outer" style="height: 100vh"></div有没有办法让<amp-img>垂直居中呢？
浏览 17提问于2019-09-16得票数 2
回答已采纳
有一个带有多个amp-carousel的amp-img每个amp-img都显示在一个slide中。旋转木马和灯箱按预期工作。
但是我不能把amp-img放在slide中。如何使amp-img在amp-carousel slide中居中
浏览 1提问于2018-03-06得票数 0
回答已采纳
<div style="text-align:center;">
<amp-img style="max-width: 640px;" width="640" height="480" layout
浏览 40提问于2018-08-12得票数 0
回答已采纳
我正在尝试弄清楚如何在表格(TableLayout)的每一行中对齐项目-理想情况下，我希望每个单元格的中心水平对齐。对于TableLayout可以实现的功能，文档并不是很清楚。
浏览 1提问于2010-01-06得票数 1
0回答
在这个旋转木马中，我如何显示圆点？'> <amp-img src="img/slaid.jpg" layout=fixed-height height=400></amp-img>
</amp-car
浏览 6提问于2016-07-03得票数 2
2回答
image=1"></div> <amp-img width="200" height="130" on="tapimage=2"></div>
<div class="img-container"
浏览 0提问于2018-10-30得票数 0
回答已采纳
当父元素的高度改变时，如何保持绝对定位的元素(垂直居中，顶部: 0；底部: 0；边距:自动；)在其位置？
元素是一个img，它完美地居中于垂直制表符的中心。当用户单击垂直选项卡时，它会展开以显示更多信息，这会使完美居中的图像在展开的选项卡中垂直居中。
浏览 1提问于2018-05-25得票数 3
2回答
我想把我的线性布局集中在屏幕的中心(水平方向)，而我只想把另一个元素垂直地居中。在程序中，我还没有看到一种简单的方法来做到这一点。
我想让灰盒在应用程序中按角度居中
浏览 5提问于2014-10-24得票数 0
回答已采纳
如何在UItableViewCell中将UIviews垂直居中？
我想让UIButton在UITableViewCell中垂直居中
浏览 0提问于2014-08-06得票数 0
我只是简单地实例化了一个UITextField，并注意到文本并没有垂直居中。相反，它是与我的按钮顶部齐平的，我觉得这有点奇怪，因为我希望默认的按钮垂直居中。如何将其垂直居中，或者是否缺少某些默认设置？
浏览 50提问于2011-03-26得票数 144
回答已采纳
我已经使用CSS将页面上的表格居中。如何使用CSS将语言文本10px放到表格的右边框，并垂直放置在行的中间？
浏览 2提问于2011-10-09得票数 0
"300" on="slideChange:AMP.setState({ selectedSlide: event.index })"> layout="fill"></amp-img>
<amp-img</
浏览 9提问于2020-06-09得票数 1
回答已采纳
2回答
我用Align.CENTER设法使文本水平居中，但它不能垂直居中。paint.setTextAlign(Align.CENTER);如何将文本垂直居中？
浏览 147提问于2019-03-31得票数 1
回答已采纳
1回答
简单的问题。我希望我的页面在中间，无论是从顶部还是从左侧。 @charset "utf-8";/* Created By CaptainMcMarcus */@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
height: 100%; -webkit-
浏览 2提问于2014-03-23得票数 0
2回答
垂直居中竖排文本
、、
我有一些垂直的文本，我不能在他们的div中垂直居中。下面是一个例子：
请参见3个div (2个橙色和1个红色)。divs中的文本没有垂直居中，导致文本泄漏到div之外。如何在div中垂直居中竖排文本？
浏览 5提问于2013-10-08得票数 3
1回答
我有一个垂直线性布局，它包装了另一个垂直线性布局。据我所知，垂直线性布局迫使它的子级从左上角开始定位。vertically centered <LL vertical>
当我移除外部线性布局时，我看到内部布局垂直居中于其父对象如何
浏览 2提问于2018-09-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
