HTML按鈕錨顯示塊

Question

錨標籤犯規自動調整取決於內容，請看下面的例子：

http://jsfiddle.net/XmnnY/

我知道我可以使用內嵌式地顯示或顯示inline-block的，但我需要的是，定位標記會根據內部html大小（本例中爲文本）自動設置其寬度。

感謝您的幫助！

Answer 1

使用float：左/右（如果可以的話），並明確：既對以下項目或

使用inline-block的，但刪除所有空格和回報，因爲inline-block的顯示所有的空格內HTML

<a href="#" style="display:block;float:left;"> 
    <img src="button.gif" /> 
</a> 
<div style="clear:both">next element</div> 

是好的，但也

<a href="#" style="display:inline-block;"><img src="button.gif" /></a> 

注意我已刪除了一個標籤內的所有回報和空間

浮子： http://jsfiddle.net/XmnnY/18/ InlineBlock： http://jsfiddle.net/XmnnY/16/

Answer 2

既然你給了它一個display: block風格，它會採用完整的可用寬度。

要麼設置硬width，要麼將顯示更改爲inline-block。

沒有理由將其更改爲inline-block可能會破壞您需要的任何其他功能，如果是這樣，請使用JS動態更改寬度或修復其創建的問題。