我正在制作一个使用两个 的网络应用程序，textareas当单击一个按钮时，其中一个textareas被替换为div使用 JavaScript。我试图将div插入到页面中的确切位置与其textarea前身一样，因此用户不会注意到开关，但由于某种原因，它并不像应有的那么容易。div 的垂直位置似乎会根据其中的内容而变化。我有一种感觉，它与
display: inline-block;
在我的 CSS 文件中，但这需要保持两个textareas水平居中而没有固定宽度。
任何帮助，将不胜感激。
该网络应用程序可以在我的网站上找到：http: //lobian.co/code/remove-attributes/。要查看问题，请在左侧输入任意数量的文本，textarea然后单击“删除属性”。有div问题的将替换textarea.
更新： Musa 在下面的回答解决了这个问题。