css - mailto 链接请转到下一个链接

Question

我在使用 mailto 链接时遇到问题，

一旦我将其设为链接，它就会将电子邮件放在下一行，而不是与文本的其余部分内嵌。

#footer_design {
background-color: #000000;
height: 45px;
line-height: 45px;
float: right;
width: 70%;
vertical-align: top;
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: #006633;

<div id="footer_design">
            designed by: Joe Blogs &nbsp e-mail:<a href="mailto:lokismind@gmail.com" style="font-family:Arial;font-size:16px;">joeblogs@gmail.com</a>
        </div>

这非常令人沮丧。

Answer 1

尝试显示:内联；或 anchor 样式属性中的 display:inline-block。看起来父 css 规则正在使 anchor 标记成为 block 元素。

<div id="footer_design">
  designed by: Joe Blogs &nbsp e-mail:<a href="mailto:lokismind@gmail.com" style="font-family:Arial;font-size:16px;display:inline;">joeblogs@gmail.com</a>
</div>