a标签默认是行内元素,而行内元素之间的回车键、多个空格、多个制表符(tab)等均会按一个空格来处理,这样的话,如果相邻的两个a标签不在同一行(换句话说它们之间有回车换行符),则显示在页面的时候它们之间就会出现一个空格的间隙。
因此,要想解决这个问题,最好也是最简单的办法,就是把它们写在同一行且互相之间不留任何字符(包括空格),比如:
<a href="...">链接1</a><a href="...">链接2</a><a href="...">链接3</a>如果既要把它们写在不同的行,又不想有空隙,可以把a标签改为块级元素。但是要想让块级的a标签仍然排在同一行就要多费一番手脚了,比如通过浮动(浮动时a标签会自动变为块级元素):
<style>a {float:left}
</style>
<a href="...">链接1</a>
<a href="...">链接2</a>
<a href="...">链接3</a>
<br style="clear:both"/>
此外还可以利用CSS3的弹性盒子flex来实现,这个就不多说了。
在样式表里查找 text-indent 去掉相应的值即可了;关于这个参数的试用详情如下:
CSS text-indent 属性
定义
text-indent 属性规定文本块中首行文本的缩进。
注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。
注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。
说明
用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。
默认值:not specified
继承性:yes
版本:CSS1
JavaScript 语法:
object.style.textIndent="50px"
实例
将段落的第一行缩进 50 像素:
p
{
text-indent:50px
}
浏览器支持:所有浏览器都支持 text-indent 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值
值 描述
length定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
inherit规定应该从父元素继承 text-indent 属性的值。
这个不用去掉,默认是这么用的:
<div style="letter-spacing: 10px"> Testing Letter </div>
效果: