gpt4 book ai didi

ios - 如何让WKWebView中的文字垂直居中?

转载 作者:行者123 更新时间:2023-11-30 12:09:56 27 4
gpt4 key购买 nike

我在我的 iOS (swift) 应用程序中使用 WKWebView,并且使用 loadHTMLString(string, baseURL: )。现在的问题是我希望 HTML 在框架中垂直居中。文本的长度是可变的。我怎样才能做到这一点?

这是 Xcode 中的 HTML 屏幕截图:

Figure 1

这是输出的图像。顶部 HTML 位于上侧,我希望它在其 View 中居中对齐( View 距顶部 300 点):

Figure 2

最佳答案

尝试将此 HTML 与内联 CSS 一起使用,您可以替换要居中的 div 之间的内容:

  <div style="display:flex;align-items:center;height:100%;justify-content:center;">
<p>You content here</p>
</div>

此代码适合我在 iPhone 6 模拟器上使用 Swift 3.0

import UIKit
import WebKit

class ViewController: UIViewController {

var webView:WKWebView?

override func viewDidLoad() {
super.viewDidLoad()
}

override func viewDidAppear(_ animated: Bool) {
webView = WKWebView(frame: self.view.frame)
self.view.addSubview(webView!);
addHTML()
}

func addHTML() {
let html = "<html><body><div style='height:100%;background-color:black;display:flex;align-items:center;justify-content:center;'><p style='color:white;font-size:100px;'>Asleepace</p></div></body></html>";
webView!.loadHTMLString(html, baseURL: nil)
}
}

输出示例

enter image description here

关于ios - 如何让WKWebView中的文字垂直居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46205234/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com