假設(shè)您有兩個(gè)相鄰的簡(jiǎn)單表格單元格。

一個(gè)包含一個(gè)單選按鈕和文本。另一個(gè)只包含文本。HTML - 對(duì)齊單選按鈕和文本

單選按鈕的大小設(shè)置為16x16像素(不要問我為什么，假設(shè)它就是這樣)。

字體大小為12像素。

如何使標(biāo)簽和單選按鈕在所有主流瀏覽器中沿著(或相當(dāng)接近)排列的垂直中間一致排列？

樣本HTML，讓你開始：

td {

font-size: 12px;

font-family: Verdana;

}

.radio {

width: 16px;

height: 16px;

vertical-align: middle;

margin: 0px;

}

.blah {

text-decoration: line-through;

}

O

O

在我安裝了IE，歌劇，火狐和Chrome的版本，上面呈現(xiàn)類似this

我期待看到的結(jié)果是一個(gè)在IE上顯示的圖像？真的嗎？

其余的看起來足夠接近，但是我為排列文本所做的任何嘗試使得它在4個(gè)瀏覽器中的至少2個(gè)中總是看起來很糟糕。要做到這一點(diǎn)

2010-06-30

mjomble

+1

附注：你為什么用這個(gè)表？這是90年代;)使用浮動(dòng)divs代替！ –

2010-06-30 20:25:12

總結(jié)

以上是生活随笔為你收集整理的html单选框对齐,HTML - 对齐单选按钮和文本的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。