html - 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 中的输出图像。

在这里演示

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

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

Answer 1

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

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

工作演示