我正在尝试用垂直(旋转)的某些文本单元制作一张桌子，但是在获得一致的定位方面存在很大的问题。我已经有了基本的大纲。在IE(有点惊奇)中，它有点过时，但是我认为我可以使用某种基于浏览器的条件来解决此问题。
但是，真正的问题是，第一次选择时，可编辑的文本会移动一点。有点难以解释，所以您可以自己看看:
http://gdurl.com/eM_F
在Chrome浏览器中，总是在第一次在两个字段之间进行制表以使其聚焦时会发生，而不是单击。有时，在单击它们后输入它们时。
在IE中，它总是在第一次获得焦点时发生。
我想以某种方式使用CSS解决此问题，但如果需要，我可以使用javascript / jquery。我确实尝试在页面加载时在它们上调用focus()，以便它们的位置保持一致，但是没有用。
还尝试将contenteditable-attribute设置为false，并设置一个tabindex，以期将它在获得焦点时将contenteditable设置为true可以解决该问题，但是即使contenteditable为false，当按Tab键选择时，它的行为也一样。
最佳答案
感谢所有的答复。显然问题出在“溢出:隐藏”。要么删除它，要么将其设置为与旋转相同的元素就可以了。但是我仍在努力使它在跨浏览器中始终如一地工作。我回来的时候给出了更详尽的答案。
关于javascript - 可编辑旋转文本的位置问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14857679/