錨css與背景 - 鏈接文本壓扁成新行

Question

我在具有特定類的錨標記上使用以下CSS。除了將長鏈接文本強制爲新行外，可以正常工作。我想這與寬度做...

a.interactive { 
background:url(../images/icons/icon_interactive.png) left center no-repeat; 
padding-left:30px; 
height:25px; 
width:25px; 
display:inline-block;  
text-decoration: none; 
vertical-align:text-center; 
} 

Answer 1

試試這個

a.interactive { 
background:url(../images/icons/icon_interactive.png) left center no-repeat; 
height:100%; 
width:100%; 
display:inline-block;  
text-decoration: none; 
vertical-align:text-center; 
} 

Answer 2

你需要最大限度的寬度爲100％使用寬度或最大寬度設計讓您。

Answer 3

a.interactive { 
    /*...*/ 
    white-space: nowrap; 
}