UIWebView中的HTML格式文本在格式化文本后显示一个条形

Question

这是我发送给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中输出的图像。

DEMO HERE

我正在webview中每个格式化的行旁边看到一个相同颜色的垂直条。

我非常感谢有关此的任何提示/建议。感谢。

Answer 1

因为您的代码有2个<a>，其中不包含任何文本，甚至没有</a>结束标记（语法错误）。你已经给他们style="padding:2px"了。因此它会在<a>标记内填充2px并显示背景颜色。

删除2 <a>，它将按您的意愿工作。

Working Demo