Question

我使用此代码垂直和水平居中div：

transform: translate

它可以在大多数移动和桌面浏览器中使用，并且在Facebook应用程序内部打开它看起来不错。

但是当使用Facebook Messenger应用程序打开链接时，let userDefaults = UserDefaults.standard userDefaults.set(arrayOfname, forKey:"Keyname") userDefaults.synchronize() CSS规则不起作用。

如何使这个功能适用于Facebook Messenger应用程序？

Answer 1

这是一个很长的镜头但您可以尝试重新排序转换属性，因为浏览器可能对实际属性和供应商前缀有不同的实现：（Source）

=IF(OR(TEXT($P1,"dddd")="Saturday",TEXT($P1,"dddd")="Sunday"),"Yes","No")

你也可以尝试flex，因为它有decent support。

HTML：

#divname {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

CSS：

<div class="parent">
  <div>
    I'm centered both vertically and horizontally
  </div>
</div>

JSFiddle

在Messenger应用程序中转换CSS转换

1 个答案: