在Chrome中調整TextArea的大小問題

我在Chrome瀏覽器中重新調整文本區域時遇到問題。當我將文本區域重新調整爲更高，然後重新調整大小恢復到正常大小時，div不會重新調整大小恢復到正常大小。？表」有誰知道這是一個解決辦法，你應該能夠複製我用下面的代碼問題在http://jsfiddle.net/uJ7U6/在Chrome中調整TextArea的大小問題

<div style="display: table;"> 
    <div style="display: table-row"> 
     <div style="display: table-cell;"> 
      <span style="font-weight: bold">TextArea 1</span> 
     </div> 
     <div style="display: table-cell;"> 
      <span class="dialogControlLabel">TextArea 2</span> 
     </div> 
     <div style="display: table-cell;"> 
      <span style="font-weight: bold">TextArea 3</span> 
     </div> 
    </div> 
    <div style="display: table-row"> 
     <div style="display: table-cell;"> 
      <textarea id="txtTextArea1" rows="3" cols="30"></textarea> 
     </div> 
     <div style="display: table-cell;"> 
      <textarea id="txtTextArea2" rows="3" cols="30"></textarea> 
     </div> 
     <div style="display: table-cell;"> 
      <textarea id="txtTextArea3" rows="3" cols="30"></textarea> 
     </div> 
    </div> 
</div> 
<div> 
    <div style="display: table-row"> 
     <div style="display: table-cell;"> 
      <span class="dialogControlLabel">TextArea 4</span> 
     </div> 
     <div style="display: table-cell;"> 
      <span class="dialogControlLabel">TextArea 5</span> 
     </div> 
     <div style="display: table-cell;"> 
      <span class="dialogControlLabel">TextArea 6</span> 
     </div> 
    </div> 
    <div style="display: table-row"> 
     <div style="display: table-cell;"> 
      <textarea id="txtTextArea4" rows="3" cols="30"></textarea> 
     </div> 
     <div style="display: table-cell;"> 
      <textarea id="txtTextArea5" rows="3" cols="30"></textarea> 
     </div> 
     <div style="display: table-cell;"> 
      <textarea id="txtTextArea6" rows="3" cols="30"></textarea> 
     </div> 
    </div> 
</div>

來源

2013-10-04 nsmanners

請花一分鐘，以建立一個工作小提琴（www.jsfiddle.net）與您的代碼 – BeNdErR

我加入了小提琴鏈接帖子。感謝您的建議。 http://jsfiddle.net/uJ7U6/ – nsmanners

爲我完美工作。 – David

我能：這個問題是因爲我使用「的風格=」顯示所致複製的問題在你的提琴。我使用的Chrome版本版本29.0.1547.76。

我所要做的就是在CSS聲明添加了文本區域。

textarea { 
    vertical-align:top; 
}

這讓我調整任何的文字區域的，並有<td>的重新迎合尺寸的變化。

例如從小到大從小到大。

測試一下你的修訂提琴： http://jsfiddle.net/uJ7U6/1/

來源

2013-10-04 14:34:53 robabby

在Chrome中調整TextArea的大小問題

回答

相關問題