首页 / HTML / UIWebView加载CSS样式的html

UIWebView加载CSS样式的html

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了UIWebView加载CSS样式的html，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1906字，纯文字阅读大概需要3分钟。

内容图文

UIWebView加载CSS样式的html

技术分享

 

效果

技术分享

 

源码 

            //
            //
              ViewController.m

            //
              CSS

            //
            //
              Created by YouXianMing on 16/7/19.

            //
              Copyright ? 2016年 YouXianMing. All rights reserved.

            //

            #import
            "
            ViewController.h
            "
            @interface
             ViewController ()


            @end
            @implementation
             ViewController

- (void)viewDidLoad {
    
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor whiteColor];
    CGFloat width             = self.view.bounds.size.width;
    CGFloat height            = self.view.bounds.size.height;
    
    NSString *cssContentString = [NSString stringWithFormat:
                                  @"<html> \n""<head> \n""<style type=\"text/css\"> \n""h1       {font-size: 20; font-family: \"Heiti SC\"; color: 4C4741;}\n""body     {font-size: 15; font-family: \"Heiti SC\"; color: 4C4741;}\n""p.style1 {text-indent: 2em;} \n""p.style2 {text-indent: 2em; color: 000000;} \n""</style> \n""</head> \n""<body>""<h1 align=\"center\">穷玩车，富玩表，SB玩电脑??</h1>""<p class=\"style1\">别沮丧了。虽然你不曾拥有一场说走就走的旅行，但至少还有一个说胖就胖的体型呀。</p>""<p class=\"style2\"><i>虽然你的年龄过不了六一儿童节，但你的身高可以啊！</i></p>""%@""</body> \n""</html>", [self htmlForJPGImage:[UIImage imageNamed:@"IMG_2845.jpg"]]];
    
    UIWebView *webView      = [[UIWebView alloc] initWithFrame:CGRectMake(0, 40, width, height - 40)];
    webView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:webView];
    [webView loadHTMLString:cssContentString baseURL:nil];
}

- (NSString *)htmlForJPGImage:(UIImage *)image {
    
    CGFloat   width       = self.view.bounds.size.width;
    NSData   *imageData   = UIImageJPEGRepresentation(image,1.0);
    NSString *imageSource = [NSString stringWithFormat:@"data:image/jpg;base64,%@",[imageData base64EncodedStringWithOptions:0]];
    return [NSString stringWithFormat:@"<img src=\"%@\" width = %f />", imageSource, width];
}

@end

 

细节

1. 自己给一张图片测试

技术分享

2. CSS样式

技术分享

3. CSS学习地址

http://www.w3school.com.cn/css/index.asp

 

素材

技术分享

 

原文：http://www.cnblogs.com/YouXianMing/p/5686392.html

内容总结

以上是互联网集市为您收集整理的UIWebView加载CSS样式的html全部内容，希望文章能够帮你解决UIWebView加载CSS样式的html所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1316915.html

来源：【匿名】