0

我在调整 Chrome 浏览器中文本区域的大小时遇到​​问题。当我将文本区域的大小重新调整为更高，然后重新调整回正常大小时，div 不会重新调整回正常大小。问题是因为我使用“style =“display：table”而引起的 有人知道解决方法吗？您应该可以在http://jsfiddle.net/uJ7U6/使用以下代码复制我的问题

<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>
4

1 回答 1

0

我能够在你的小提琴中复制这个问题。我使用的是 Chrome 版本 29.0.1547.76。

我所要做的就是为 textarea 添加一个 CSS 声明。

textarea {
    vertical-align:top;
}

这让我可以调整任何文本区域的大小，并让<td>' 响应大小的变化。

例如从小到大再到小。

在修改后的小提琴上进行测试：http: //jsfiddle.net/uJ7U6/1/

于 2013-10-04T14:34:53.903 回答