在<a> tag

Question

I have an <a> tag that has both text and an image inside. I want the image and text to be underlined as shown below:

中添加下划线到标记

我不断得到的是这个：

如您所见，下划线不会在箭头下方延伸。这是我的代码：

  <a target="_blank" href="http://url.com" style="text-decoration:underline;color:#000001;" >Call To Action <img src="image/path/triangle.png" border="0" /></a>

现在我无法在包装容器上放置边框底部，因为在移动设备上我需要加下划线的文字，这只会在文本的底部放置一个边框。

Answer 1

您需要使用a设置border-bottom样式并删除text-decoration:underline

＆＃13;

＆＃13;

<a target="_blank" href="http://url.com" style="border-bottom:1px solid red;text-decoration:none;color:#000001;">Call To Action <img src="//lorempixel.com/20/20" border="0" /></a>

＆＃13;

＆＃13;

＆＃13;

Answer 2

将两个标签包含在

中

    <span style="text-decoration:underline">

标签

Answer 3

超链接标记没有关闭标记</a>，如果要关闭它，请执行以下操作：

<a target="_blank" href="http://url.com" style="text-decoration: underline; color: #000001;">
  Call To Action <img src="image/path/triangle.png" border="0" />
</a>

参考：

• https://www.w3.org/TR/html-markup/a.html
• https://www.w3.org/wiki/HTML/Elements/a

另外，我建议您将设计与内容分开。