의 RadioButton 텍스트 스타일

나는 다음과 같은 마크 업이 있습니다 의 RadioButton 텍스트 스타일

곳

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

I는 RadioButtons를 텍스트 얻을 : IMG (27x27px) 및 텍스트 : NO를 (16x16px) margin-top : 5px가 작동하지 않으며 img와 관련이 있습니다. 또한 내가 중간에 수직 정렬을 변경하면 전체 RadioButton 스팬의 맨 아래로 잘못 간다.

저는 img와 text를 얻으려고합니다. img의 중간에있을 것입니다. (더 많거나 적은 5px가 정상이 될 것입니다). 내가 도대체 뭘 잘못하고있는 겁니까?

출처

2012-03-25 user1291518

에서, 이미지의 height에 line-height 동일? – abatishchev

span은 일반적으로 행에 따라 달라집니다.이며 div와 같은 상자는 아닙니다. 그래서 그들은 당신이 설정 한 증거금을 지키지 않을 것입니다.

div으로 변경하고 display:inline을 사용하면 여백이 설정됩니다.

출처

2012-03-25 18:29:52 Aristos

여백은 여전히 작동하지 않습니다. – user1291518

@ user1291518 아마도 작동하지만 움직일 장소가 없거나 div에서 전체를 왜곡하려고 시도하거나 온라인에서 페이지를 확인해보십시오. – Aristos

주고 당신의 span 당신이 .NET 2.0 붙어있는 이유는 귀하의 경우 27px

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

출처

2012-03-26 13:34:36 Bazzz

의 RadioButton 텍스트 스타일

답변

관련 문제