RadioButton文字样式

Question

我有以下标记：     

，其中

.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>";

我得到的RadioButtons文本是：img（27x27px）和文本：NO（16x16px），其中margin-top：5px不起作用，而且相对于img是高的。此外，当我将垂直对齐更改为中间时，它会转到整个RadioButton跨度的底部，这也是错误的。

我的目标是获取img和文本NO，它将位于img的中间（从顶部开始或多或少5px就可以了）。我做错了什么？

Answer 1

span通常依赖于行，它们不像div那样像盒子。因此他们不会保留你设定的保证金。

将其更改为div并使用display:inline并设置保证金。

Answer 2

将span line-height等于图片的height，在您的情况下为27px

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