0

これは、UIWebView インスタンスに送信する HTML 形式のテキストです。

"This is my sample
<br>
question text." And
<br>
<a style="padding:2px; font-family:'Futura-CondensedExtraBold',Georgia,Serif; color:white; border:0px solid;border-radius:10px; background-image: -webkit-linear-gradient(bottom, rgb(102,184,24) 4%, rgb(197,228,71) 52%); ">"The sample</a>
<a style="padding:2px; font-family:'Futura-CondensedExtraBold',Georgia,Serif; color:white; border:0px solid;border-radius:10px; background-image: -webkit-linear-gradient(bottom, rgb(102,184,24) 4%, rgb(197,228,71) 52%); ">
<br>
<a style="padding:2px; font-family:'Futura-CondensedExtraBold',Georgia,Serif; color:white; border:0px solid;border-radius:10px; background-image: -webkit-linear-gradient(bottom, rgb(102,184,24) 4%, rgb(197,228,71) 52%); ">answer text goes</a>
<a style="padding:2px; font-family:'Futura-CondensedExtraBold',Georgia,Serif; color:white; border:0px solid;border-radius:10px; background-image: -webkit-linear-gradient(bottom, rgb(102,184,24) 4%, rgb(197,228,71) 52%); ">
<br>
<a style="padding:2px; font-family:'Futura-CondensedExtraBold',Georgia,Serif; color:white; border:0px solid;border-radius:10px; background-image: -webkit-linear-gradient(bottom, rgb(102,184,24) 4%, rgb(197,228,71) 52%); ">here"</a>.

そして、これが UIWebView での出力のイメージです。

デモはこちら

ここに画像の説明を入力

WebView の書式設定された各行の横に同じ色の垂直バーが表示されます。

これに関するヒントやアドバイスをいただければ幸いです。ありがとう。

4

1 に答える 1

2

コードには<a>テキストが含まれておらず、</a>終了タグがない (構文エラー) 2 があるためです。そして、あなたは彼らに与えstyle="padding:2px"ました。したがって、タグ内に 2px を埋め込み<a>、背景色を表示します。

その2を削除する<a>と、必要に応じて機能します。

ワーキングデモ

于 2012-12-21T05:48:51.370 に答える