站內搜尋

Tuesday, July 10, 2012

[CSS] 如何幫行內標籤(inline)設定寬度及高度(以span為例)

有時候會因為美觀上的因素,需要設定span的寬跟高,但因為span是inline元素,所以設定了也不會有效果,這時候就要將span加上display: inline-block的CSS屬性,然後設定值就會生效了。


.my_span{
display: inline-block;
  display:inline\9;
height:24px;
line-height:24px
}

備註:
1.如果span有設定背景顏色時,光設定高度(height)是不夠的,還需要設定行高(line-height)。
2.display:inline\9;是IE瀏覽器的hack。

No comments:

Post a Comment