Question

我主页上的图片左对齐。

it looks great on desktop，does not look good on mobile

我正试图将$source50 = "c:\folder\" $destination50 = "c:\folder1\" for ($i = 1; $i -le 7; $i++) { $d = ((Get-Date).AddDays( + $i)) $d2 = $d.ToString("yyyy-MM-dd") $v = Get-ChildItem $source50 -Recurse -include "$d2" foreach($file in $v) { if ($file.Name -eq $d2) { Copy-Item $file.FullName -Destination $destination50 -Force Write-Host "ok" $file.FullName | Out-File -FilePath c:\folder\logggg.txt } } }定义的图片“居中”在移动视图上。

我尝试了以下但没有成功：

.entry-image.attachment-post.gsfc-alignleft

我的网站是：parlons-survivalisme.com

我错过了什么？

Answer 1

您需要将a外部标记设置为width: 100%，以便将图像与整个宽度对齐。

例如：

a.alignleft {
  width: 100%;
}

Answer 2

根据Luca的建议，将代码更改为以下内容，该内容有效!!

@media all and (max-width: 675px) {

a.alignleft {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
 }
}

Answer 3

有两种直接的解决方案可以使图像居中。首先是将图像设置为＆＃39; display：inline-block＆＃39;然后用一个外部div包装它，你可以在其中设置＆＃39; text-align＆＃39;财产到中心。

.wrapper-div {
  width: 100%;
  text-align: center
} 
.img {
  display: inline-block;
}

另一个解决方案是确保你的img是一个块元素（显示：块），然后将margin-right和margin-left设置为auto。

.img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

如果您还有错误，请查看父元素宽度（以确保在小屏幕上为100％）。

如何在移动设备上将左对齐图像居中？

3 个答案: