html – 如何让标签之间的空格不显示？_html-js-css

概述我正在尝试使用锚标签创建菜单,并且它们应该彼此相邻,因此相关链接可以与边框连接.这是一些示例代码： <html><head> <style type="text/css"> a { border: 1px solid #939393; margin: 15px; padding: 8px; 我正在尝试使用锚标签创建菜单,并且它们应该彼此相邻,因此相关链接可以与边框连接.这是一些示例代码：

<HTML><head>    <style type="text/CSS">        a {            border: 1px solID #939393;            margin: 15px;            padding: 8px;        }        a:hover {            border-color: #111;        }        a.collapse-left {            border-left-wIDth: 0px;            margin-left: 0px;        }        a.collapse-right {            border-right-wIDth: 0px;            margin-right: 0px;        }    </style></head><body>    <div >        <a href="#" >This is</a>        <a href="#" >A group</a>        <a href="#" >Of Three</a>        <a href="#" >I am by myself</a>        <a href="#" >We are</a>        <a href="#" >a pair</a>    </div></body></HTML>

按钮之间有一些空白区域组合在一起.这是由< a>之间的换行引起的.标签.可以删除这些换行符,问题就会消失,但代码的可读性要低得多.

是否可以保持换行但不显示空白区域？

解决方法您应该通过更改< a>的CSS来将框变为块.对此：

a {    border: 1px solID #939393;    margin: 15px;    padding: 8px;    display: block;    float: left;}

总结

以上是内存溢出为你收集整理的html – 如何让标签之间的空格不显示？全部内容，希望文章能够帮你解决html – 如何让标签之间的空格不显示？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1127909.html

html – 如何让标签之间的空格不显示？

发表评论

评论列表（0条）