0

我有一些带有收音机和复选框的表格。

它应该是这样的:

http://img96.imageshack.us/img96/7672/screenshot1hm.png

CSS:

.span-al-top
{
    position:relative;
    top:-7px;

}

.span-al-bottom
{
    position:relative;
    top:2px;
}

HTML:

<label>Radio</label>
<br />
<input type="radio" name="radio" value="uno" class="radio-margin"><span class="span-al-bottom">uno</span>
<input type="radio" name="radio" value="due" class="radio-margin"><span class="span-al-bottom">due</span>
<input type="radio" name="radio" value="tres" class="radio-margin"><span class="span-al-bottom">tres</span>
<br />
<label>Checkbox</label>
 <br />
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">one</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">two</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">three</span><br />
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">four</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">five</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">six</span>

它可以工作,但它不适用于 Internet Explorer 6。在 Explorer 6 中,我有这个:

http://img577.imageshack.us/img577/3822/screenshot12y.png

知道我该如何解决吗?

4

1 回答 1

0

好的,我解决了。我只需要添加代码:

vertical-align: middle;

两种跨度样式。

于 2013-01-15T20:45:36.607 回答