1

UIWebView で不明な高さのコンテンツを垂直方向および水平方向の中央に配置しようとしています。

私が今持っているものは、Safariでうまく機能します：

http://jsfiddle.net/HT9J5/

ただし、UIWebView で表示すると正しく表示されません。

ここに画像の説明を入力

これを機能させる方法はありますか？私ができないことの 1 つは、ビューポート メタを設定することです。これは、iPad のモーダル ビュー コントローラーで UIWebView を表示するときに機能する必要があるためです。画面の全幅ではありません。

<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=1.0;"/>
4

1 に答える 1

12

あなたの例を試してみましたが、UIWebView で正常に動作します。HTML / CSS をどのようにロードするのかわかりません。CSS が正しく読み込まれていることを確認してください。UIWebView のフレームを設定しましたか?

これが私のために働くコードです。UIWebのフレームは、モーダルで表示するとおっしゃっていたので、画面サイズよりも小さく設定しました。

- (void)viewDidLoad
{
    [super viewDidLoad];

    NSString *htmlString = @"<html><head><style type='text/css'>html,body {margin: 0;padding: 0;width: 100%;height: 100%;}html {display: table;}body {display: table-cell;vertical-align: middle;padding: 20px;text-align: center;-webkit-text-size-adjust: none;}</style></head><body><p><strong>Title</strong></p><p>A long explanation about what's going on and all that.</p><p><a href='#'>A link</a></p></body></html>​";

    UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(10.0, 10.0, 300.0, 400.0)];
    [self.view addSubview:webView];
    [webView loadHTMLString:htmlString baseURL:nil];

    [webView release];
}

ここに画像の説明を入力

于 2012-06-04T20:52:29.763 に答える