gpt4 book ai didi

javascript - 如何使文本区域适合表格单元格

转载 作者:太空宇宙 更新时间:2023-11-03 19:37:38 24 4
gpt4 key购买 nike

我在表格的输入中显示了一个文本区域。但我想调整它的大小,使其覆盖整个表格单元格,直到边框。

逻辑-

<textarea type="textarea" value="{{data.directRowNo}}" id = "abc"
></textarea></td>

我使用的css是-

  #abc{
width: 100%;
height: 443%;
box-sizing: border-box;
resize: vertical;
max-height: 500px;
}

图片-

enter image description here

出现了一条我不想要的 fork 线。

最佳答案

this你在找什么?

CSS

table {
width: 500px;
margin: 20px auto;
border-collapse:collapse;
border-spacing: 0;
}

table td {
background-color: red;
border: 0;
min-height: 20px;
}

textarea {
border: none;
width: 100%;
-webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */
-moz-box-sizing: border-box; /* FF1+ */
box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

HTML

<table>
<tr>
<td>
cell
</td>
</tr>
<tr>
<td>
<textarea></textarea>
</td>
</tr>
<tr>
<td>
cell
</td>
</tr>
</table>

以上代码将调整 <textarea> 的大小与单元格一起拉伸(stretch) textarea直到细胞边界。

关于javascript - 如何使文本区域适合表格单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58539062/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com