单选按钮文本样式答案

【问题标题】：RadioButton Text style单选按钮文本样式
【发布时间】：2012-04-09 08:41:49
【问题描述】：

我有以下标记：

在哪里

.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) 和 text: NO(16x16px)，其中 margin-top:5px 不起作用，它相对于 img 来说是高的。此外，当我将它的垂直对齐更改为中间时，它会进入整个 RadioButton 跨度的底部，这也是错误的。

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

【问题讨论】：

【解决方案1】：

span 通常依赖于行，它们不像 div 那样像盒子。所以他们倾向于不保持你设置的边距。

将其更改为div 并使用display:inline 将设置边距。

【讨论】：

【解决方案2】：

给你的span一个line-height等于图片的height，在你的情况下是27px

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

【讨论】：