如何設置像標籤或跨度這樣的內聯對象的垂直對齊方式,設置文本對齊等於IE7-8的中心?
上圖是用於過濾我網站中某些數據的HTML。我在這個文本中有2個標籤和2個選擇對齊中心線。所有元素都以內聯方式顯示。在IE9 RC和Chrome 9上,一切都完美無缺。但它不適用於IE7和IE8,因爲所有標籤中的文本都顯示在底部,如下圖所示。
你有這個問題的任何CSS?你可以編輯我的jsFiddle來試圖解決這個問題。
http://www.jsfiddle.net/AaDkd/
更新#1 我嘗試設置與當前行的高度相關的所有元素的行高。但它不適用於IE7。
的源代碼:http://jsfiddle.net/AaDkd/1/
演示:http://fiddle.jshell.net/AaDkd/1/show/
更新#2
正如你看到的,我刪除所有樣式的控制,但垂直-C在使用IE7時,在選擇和標籤中輸入的文本不完全相同。這是因爲選擇的默認高度(在IE7中無法調整)以及標籤或跨度的高度不相等。
源代碼:http://jsfiddle.net/AaDkd/5/
演示:http://fiddle.jshell.net/AaDkd/5/show/
PS。不要忘記這條線的文本對齊是中心的。
感謝,
它不能在IE7工作。抱歉。 – 2011-02-15 13:37:43