接下來，我們要適配圖片，創(chuàng)建CSS文件。創(chuàng)建文件->iOS->Other->Empty，命名為newsDetail.css，如圖,
創(chuàng)建newsDetail.css文件.png
在css文件中為圖片加上約束，如下圖，
img{
width:100%;
}
在css文件中為圖片加上約束.png
接下來，加載css的URL路徑，
// 加載css的URL的路徑
let css = NSBundle.mainBundle().URLForResource("newsDetail", withExtension: "css");
// 創(chuàng)建html標(biāo)簽
let cssHtml = "<link href=\"\(css!)\" rel=\"stylesheet\">"
// 拼接HTML
let html = "<html><head>\(cssHtml)</head><body>\(titleHtml)\(subTitleHtml)\(bodyHtml)</body></html>"
模擬器運(yùn)行，圖片顯示正常，
圖片顯示正常.png
下面，我們開始修飾標(biāo)題，子標(biāo)題樣式，
-
圖片添加修飾
// 7.4取出src let src = imgItem["src"] as! String; let imgHtml = "<div class=\"all-img\"><img src=\"\(src)\"><div>\(imgTitle)</div></div>" -
標(biāo)題，子標(biāo)題添加修飾
// 創(chuàng)建標(biāo)題HTML標(biāo)簽 let titleHtml = "<div id=\"mainTitle\">\(title)</div>"; // 創(chuàng)建子標(biāo)題html標(biāo)簽 let subTitleHtml = "<div id=\"subTitle\"><span class=\"time\">\(ptime)</span><span>\(source)</span></div>"
修改newsDetail.css文件對標(biāo)題，子標(biāo)題，圖片的樣式改變
#mainTitle{
text-align:center;
font-size:20px;
margin-top:25px;
margin-bottom:8px;
}
#subTitle{
color:gray;
text-align:center;
}
.time{
margin-right:10px;
margin-bottom:8px;
}
.all-img{
text-align:center;
color:gray;
margin:8px 0;
}
模擬器運(yùn)行效果，標(biāo)題，子標(biāo)題，圖片改變。
標(biāo)題，子標(biāo)題，圖片改變.png
