看到图像下的小破折号

时间:2016-06-26 05:13:39

标签: html css html5 css3

我有一个print文档,其中我使用html生成的菜单在该行下面显示了一些破折号。这是我的ul源代码:

html

这是我的<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="utf-8" /> <meta name="keywords" content="Connet, Consult, Consultation, Netconsultation"> <meta name="description" content="Website of Connet Consultancy Services."> <meta name="author" content="Connet development team"> <title> Connet. Connect. Through the internet. </title> <link rel="stylesheet" href="/page_files/css/Main.Style.css" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"> </script> <script src="/page_files/js/Default.Interactivity.js"> </script> <script src="/page_files/js/Default.Processing.js"> </script> <noscript title="Could not connect to script"> We can't get our scripts. Reloading the page might fix it. </noscript> </head> <body> <div class="Wrapper"> <nav> <ul class="NavList"> <li> <a onclick="location.reload();"> <img src="/page_files/media/home-icon.png" alt="Home"/> </a> </li> <li> <a href="/Login.html"> <img src="/page_files/media/user-icon.png" alt="Login" /> </a> </li> <li> <a href="/Conroot.html"> <img src="/page_files/media/connect-icon.png" alt="Enter consultation" /> </a> </li> <li> <a href="/Blog.html"> <img src="/page_files/media/blog-icon.png" alt="Blog" /> </a> </li> <li> <a href="/Careers.html"> <img src="/page_files/media/careers-icon.png" alt="Careers" /> </a> </li> <li> <a href="/Contact.html"> <img src="/page_files/media/contact-icon.png" alt="Contact us" /> </a> </li> <li> <img src="/page_files/media/search-icon.png" alt="Search" /> </li> <li> <input type="text" id="SearchBox" placeholder="Search..."> </li> </ul> </nav> <header> </header> <div class="Sections"> <section class="TopSect"> </section> <section class="MidSect"> </section> <section id="NewSect"> </section> <section class="LogSect"> </section> </div> </div> </body> </html>

css

我正在使用Microsoft Edge,这些是我正在讨论的破折号:

它在IE11中运行良好:

但不是Chrome: enter image description here

我无法清楚地知道这些“破折号”是什么。救命???? (先谢谢。)

1 个答案:

答案 0 :(得分:2)

他们是链接的残余。

尝试类似

的内容
ul.NavList li a {
    text-decoration: none;
}