我在使用 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   e-mail:<a href="mailto:lokismind@gmail.com" style="font-family:Arial;font-size:16px;">joeblogs@gmail.com</a>
</div>
这非常令人沮丧。
最佳答案
尝试显示:内联;或 anchor 样式属性中的 display:inline-block。看起来父 css 规则正在使 anchor 标记成为 block 元素。
<div id="footer_design">
designed by: Joe Blogs   e-mail:<a href="mailto:lokismind@gmail.com" style="font-family:Arial;font-size:16px;display:inline;">joeblogs@gmail.com</a>
</div>
关于css - mailto 链接请转到下一个链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22495131/