2012-03-25 63 views
1

我有以下標記: 單選按鈕文本樣式

其中

.checkBoxImg input { vertical-align:top; margin-top:5px;} 

this.rbtnAssessedNo.Text = "<img src='images/icons/icon_no.gif' /><span style=\"margin-top:5px; vertical-align:top\">No</span>"; 

我得到單選按鈕的文字是:IMG(27x27px)和文本:NO(16x16px )在其上margin-top:5px不起作用,並且相對於img是高的。另外,當我改變它的垂直對齊到中間時,它會進入整個RadioButton跨度的底部,這也是錯誤的。

我的目標是獲得img和文字否,將在img的中間(或多或少5px從頂部將是確定的)。我究竟做錯了什麼?

+1

爲什麼你堅持使用.NET 2.0? – abatishchev 2012-03-25 16:56:57

回答

0

span通常是行依賴他們不像div的那些像盒子。所以他們不會保留你設定的保證金。

將其更改爲div並使用display:inline並設置邊距。

+0

保證金仍然不起作用 – user1291518 2012-03-25 19:38:00

+0

@ user1291518也許是工作,但它沒有任何地方可以移動,嘗試將它全部轉換爲div,或者在網上給我看看它。 – Aristos 2012-03-25 20:13:20

0

給你一個spanline-height等於圖像的height,你的情況27px

"<img src='images/icons/icon_no.gif'/><span style='line-height:27px;'>No</span>"