Question

html/css里的a标签之间如何设置间距？

原本我是用table表格来，我设了cellspacing值就有间距。
现在我不想用table，我直接在div层里弄a标签。怎么样让两个a标签之间也指定间距呢？

Answer 1

使用margin属性。

示例代码：

HTML部分：

<div>

<a href="#">销售开单</a>

<a href="#">商品库存</a>

</div>

css部分：

*{

margin: 0;

padding: 0;

}

a{

display: inline-block;

padding: 20px;

background-color: blue;

color: #fff;

font-size: 20px;

float: left;

margin-right:20px; 

}

a,a:hover,a:active{

text-decoration: none;

}

扩展资料：

代码解析：

*代表所有的元素。

a标签本身是行内元素，没有宽高属性。给padding属性设置值，把a标签内部撑起来。

margin：设置所有外边距属性。该属性可以有 1 到 4 个值。

说明：

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

margin-right表示右边距。

Answer 2

把a设置成block,然后设置margin就行了

Answer 3

设置两个a标签的position属性为： relative；
通过修改它们的margin-left属性或者修改它们的left属性使之保持指定距离；
PS：这里的属性指的是CSS属性

追问

哦，原来margin是标签之间的距离，我之前还以为是标签到容器的间距。