2014-06-26 42 views
1

为了居中div,我将margin-left和right设置为auto。在div内忽略边距的链接内容

<a> 

<div style="margin-left:auto; margin-right:auto; width:32px; height:32px"> 

</div> 

</a> 

如何让32x32内容成为唯一的连接区域(忽略边距)?

谢谢!

+0

你不能。 **内的任何**内容都将成为链接的一部分。您可能不得不重新考虑您的HTML结构。 –

+0

使用'div> a'而不是'a> div' – fcalderan

回答

1
<div style="margin-left:auto; margin-right:auto; width:32px; height:32px; "> 
<a href="#"> 
link 
</a> 
</div> 

只要里面打开了:)

另一种方式是让你的链接块,并在申报单没有必要:

<a href="#" style="display:block;margin-left:auto; margin-right:auto; width:32px; height:32px; "> 
    link 
</a> 
+0

这个效果很好。谢谢! – cerealex

+0

@cerealex如果答案有效,请点击我的答案下面的选项。 – nicael

0

A是一个内嵌标签。 div是一个块标记。要么尝试将div放在(对于<HTML5的有效语法)或使您的a块标记。

1

你可以像下面这样做

<div style="text-align: center"> 
    <a style="display: inline-block; width:32px; height:32px" >sdf</a> 
</div> 
0

HTML:

<div style="text-align: center; margin: 0px auto;"> 
    <a style="display: inline-block; width:32px; height:32px" >sdf</a> 
</div>