Question

我用Google搜索了一下，我似乎无法找到任何对我有意义的东西。我需要垂直和水平地集中webview的内容。我已经能够使用横向来处理这个：

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSString *bodyStyle = @"document.getElementsByTagName('body')[0].style.textAlign = 'center';";
    [self.webView stringByEvaluatingJavaScriptFromString:bodyStyle];
}

但我在垂直方面找不到任何东西。有任何想法吗？任何帮助将不胜感激。

Answer 1

将所有内容保存在table中，然后对齐表格单元格。

CSS

td {
    text-align: center;
    vertical-align: middle;
}

或

<table border="1">
    <tr>
        <td align="center" valign="middle">Text</td>
        <td align="center" valign="middle">Text</td>
    </tr>
</table>

Answer 2

垂直居中：

CGSize contentSize = webView.scrollView.contentSize;
CGFloat d = contentSize.height/2 - webView.center.y;
[webView.scrollView setContentOffset:CGPointMake(0, d) animated:NO];

Answer 3

试试这个，

NSString *bodyStyleVertical = @"document.getElementsByTagName('body')[0].style.verticalAlign = 'middle';";
NSString *bodyStyleHorizontal = @"document.getElementsByTagName('body')[0].style.textAlign = 'center';";
NSString *mapStyle = @"document.getElementById('mapid').style.margin = 'auto';";

[webView stringByEvaluatingJavaScriptFromString:bodyStyleVertical];
[webView stringByEvaluatingJavaScriptFromString:bodyStyleHorizontal];
[webView stringByEvaluatingJavaScriptFromString:mapStyle];

希望它会对你有帮助.....

如何在iOS中纵向和横向居中显示webview的内容？

3 个答案: