可編輯旋轉文本的問題定位

我想使某個文本單元格垂直（旋轉），但有很大的問題獲得一致的定位。我的基本大綱工作。這在IE中有點過時（大驚喜），但我認爲我可以通過某種瀏覽器條件來解決這個問題。然而，真正的問題在於，第一次選擇時，可以編輯的文本會稍微移動一點。這有點難以解釋，所以你可以看看自己： http://gdurl.com/eM_F 可編輯旋轉文本的問題定位

在Chrome瀏覽器中，它總是出現在字段之間，以便第一次關注它們但不點擊。並且在點擊它們之後鍵入它們時有時。

在IE中，它總是在第一次獲得焦點時發生。

我想解決這個以某種方式使用CSS，但如果需要我可以使用JavaScript/jQuery的。當頁面加載時，我嘗試在它們上調用focus()，這樣他們的位置將保持一致，但不起作用。也嘗試將contenteditable-attribute設置爲false，並且設置tabindex以便在獲取焦點時將contenteditable設置爲true會修復它，但即使contenteditable爲false，仍會像選中時那樣運行。

來源

2013-02-13 Clox

您是否嘗試過找到**寬度和高度的聚焦div？** 將它們記錄在控制檯上，我相信您會自己找到問題和解決方案。 CSS沒有解決這個問題，但** Javascript/Jquery肯定會。** 請檢查出來。 **對於IE，你將有不同的style/css類**集來實現這一點。 – 2013-02-13 17:51:49

找不到DOCTYPE！ – 2013-02-13 17:59:54

@MilchePatern這不是問題。 – Doorknob 2013-02-13 19:04:17

感謝所有的答覆。顯然問題是「溢出：隱藏」。或者將其移除或將其設置爲與旋轉技巧相同的元素。但是我仍然在努力讓這一切始終貫穿於跨瀏覽器。我回來的時候會有更全面的答案。

來源

2013-02-13 22:31:13 Clox

可編輯旋轉文本的問題定位

回答

相關問題