我想在 Webview 中显示 html 字符串的内容并使用 css 文件调整图像大小并更改字体系列。
我放了一个名为 style.css 的 css 文件在assets/CSS/文件夹。
我试图将此文件添加到我的 html 字符串 data[3] .
StringBuilder sb = new StringBuilder();
sb.append("<html>" +
"<head>" +
"<link href=\"style.css\" type=\"text/css\" rel=\"stylesheet\"/>" +
"</head>" +
"<body>");
sb.append(data[3]);
sb.append("</body>" +
"</html>");
webView.loadDataWithBaseURL("file://android_asset/",sb.toString(),"text/html","UTF-8","");
在我的 css 文件中，我有这个:
img {
width : 100%;
height : auto;
}
div {
font-family : "Times New Roman";
}
但我不明白为什么 css 文件不能完成他的工作。
当我显示我的 html 代码时，它看起来不错:<html><head><link href="style.css" type="text/css" rel="stylesheet"/></head><body><p style="text-align: justify;">Je souhaite aujourd’hui vous faire un retour sur mon dernier Trail en date avec mes petites nouvelles, les Spyridon MR de VFF.</p>
我错过了什么吗？
请帮帮我，我什么都试过了。
最佳答案
抱歉，我不想把我所有的字符串放在 html 中:
<html><head><link href="style.css" type="text/css" rel="stylesheet"/></head><body><p style="text-align: justify;">Je souhaite aujourd’hui vous faire un retour sur mon dernier Trail en date avec mes petites nouvelles, les Spyridon MR de VFF.</p>
<p style="text-align: justify;">Pour la reprise de la saison, j’ai choisi de m’aligner encore une fois au départ du mythique « Trail ardéchois ». Cette année je me suis lancé sur le format 36km pour mieux préparer mes prochains Trails longs et Ultra prévus cette année.</p>
<p style="text-align: justify;">J’ai récemment fait l’achat de mes VFF Spyridon MR :</p>
<p><a onclick="_gaq.push(['_trackEvent', 'outbound-article', , '']);" ><img class="aligncenter size-full wp-image-1322" src="" alt="vff" width="479" height="285" /></a></p>
<p class="p2" style="text-align: justify;"><span class="s1">J’ai choisi ces chaussures par souci de légèreté et volonté de passer à des chaussures 5 doigts.</span></p>
<p class="p2" style="text-align: justify;"><span class="s1">J’ai effectué quelques entraînements avec, avant de me lancer sur le 36km.</span></p>
<p class="p2" style="text-align: justify;"><span class="s1"> Pour ne pas changer mes habitudes, j’ai pris le départ avec mon fidèle destrier Aloïs Bataille avec qui je cours la grande partie de mes Trails et avec qui je m’entraine.</span></p>
<p class="p2"><a href=""><img class="aligncenter size-large wp-image-1323" src="" alt="FullSizeRender" width="640" height="480" /></a></p>
<p class="p2"><a href=""><img class="aligncenter size-large wp-image-1324" src="" alt="FullSizeRender[1]" width="640" height="853" /></a></p>
<p style="text-align: justify;">Nous avons bouclé ce magnifique parcours dans les hauts plateaux du vivarais en 4h24 minutes et finissons 86ème et 87ème sur un peu moins de 500 finishers.</p>
<p style="text-align: justify;">Les Spyridon MR se sont révélées très agréables de par leur légèreté et par leur semelle suffisamment robuste pour ne pas me faire souffrir des pieds ( cailloux, branches, etc … ). Ce fût également une surprise de voir le nombre de traileurs attirés par ce type de course et de voir l’intérêt porté vers le minimalisme. Enfin, j’ai terminé ce trail par une interview très rapide sur ma course en VFF par l’animateur de la course pour donner un retour aux différents coureurs.</p>
<p style="text-align: justify;"><a href=""><img class="aligncenter wp-image-1325 size-large" alt="IMG_2078" width="640" height="853" /></a></p>
<p style="text-align: justify;">Je vous laisse donc avec ces dernières photos et vous souhaite à tous de prendre du plaisir en minimaliste. N’hésitez pas à commenter ou posez vos questions, je me ferais une joie de vous répondre.</p>
<p>Julien</p>
<p><a href="http://leminimaliste.info/wp-content/uploads/2015/06/IMG_2070.jpg"><img class="aligncenter size-large wp-image-1326" alt="IMG_2070" width="640" height="853" /></a></p>
</body></html>
我删除了一些链接，但我的 html 字符串很好，图像在这里。
在 data[3] 中只有我的 html 字符串。
我没有提到子文件夹 CSS，因为我在另一篇文章中发现我们必须这样做。
关于android - 在 webview 中添加本地 css 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31235421/