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
素材