2013-03-26 68 views
0

好吧,所以我有一个固定宽度的div内的锚元素,锚元素需要保持内联,因为它保存的文本是动态的,并且它具有背景,因为它是一个按钮。我希望按钮的背景仅为文本长度的大小。有没有办法做到这一点?水平居中对齐内嵌html元素

<div class="wrap"> 
<a class="button>Start »</a> 
</div> 



.wrap{ 
    width:900px; 
background:white; 
    } 

    a{ 
    display:inline; 
background:black; 

    } 
+2

和文本对齐:在DIV中心将无法正常工作?另外,它是一个acnhor还是它是一个按钮? __a__元素已经有显示:内联。 – 2013-03-26 14:37:28

+0

设置合适的“行高”。 – 2013-03-26 14:39:17

+0

我希望按钮的背景仅为文本长度的大小。 – user1937021 2013-03-26 14:47:29

回答

1

我觉得

.wrap{ 
    width:900px; 
    text-align: center; 
} 

会做的伎俩

http://jsfiddle.net/jEsRG/3/

+0

我希望按钮的背景仅为文本长度的大小。 – user1937021 2013-03-26 14:47:51

+0

它应该与我以前提供的jsfiddle一起工作,但我现在更新了示例http://jsfiddle.net/jEsRG/3/ – Johan 2013-03-26 14:57:27