可编辑旋转文本的问题定位

Question

我试图制作一个表格，其中某些文本单元格是垂直的(旋转的)，但是在获得一致的位置时遇到了很大的问题。我已经把基本轮廓写好了。它在IE(大惊喜)中有点离谱，但我想我可以用某种浏览器条件来修复它。然而，真正的问题是，文本，顺便说一句，是可编辑的，在第一次选择时移动了一点。这有点难以解释，这样你就可以自己看到：F

在Chrome中，当第一次在字段之间加标签以聚焦它们时，就会出现这种情况，而不是单击。有时，在点击它们之后输入它们。

在IE中，当字段第一次获得焦点时，总是会发生这种情况。

我想用css来解决这个问题，但如果需要的话，我可以使用javascript/jquery。当页面加载时，我确实尝试在它们上调用focus()，这样它们的位置将是一致的，但是它没有工作。还尝试将contenteditable属性设置为false，并设置一个表索引，希望在获得焦点时将该内容设置为true，但即使contenteditable为false，它的行为仍与选项卡时的行为相同。

Answer 1

谢谢你的回复。显然问题是“溢出:隐藏”。要么移除它，要么将其设置为与旋转所起作用相同的元素。但我仍在努力让这件事能持续地跨浏览器运行。我会带着一个更彻底的答案回来。