假設您有兩個相鄰的簡單表格單元格。

一個包含一個單選按鈕和文本。另一個只包含文本。HTML - 對齊單選按鈕和文本

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

字體大小為12像素。

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

樣本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的版本，上面呈現類似this

我期待看到的結果是一個在IE上顯示的圖像？真的嗎？

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

2010-06-30

mjomble

+1

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

2010-06-30 20:25:12

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。