Textarea 与引导列的交互

Posted 2023-05-07

【中文标题】Textarea 与引导列的交互

【英文标题】：Textarea interaction with bootstrap column

【发布时间】：2016-04-19 15:16:51

【问题描述】：

我有一个简单但令人沮丧的问题。我需要在一列中使用 textarea，所以我将它放在一行内，然后是一列，如下代码：

<div class="row"><div class="col-md-12">
    <table class="table table-bordered " id="RezAddress" >
   <tr>
    <th colspan="2" align="left">'.$menu[56].'</th>
    </tr>
  <tr>
    <td colspan="2" align="left"><textarea name="address" rows="3" id="address" style="min-width: 100%">'.$address.'</textarea></td>
    </tr>
  </table>
  </div></div>

所以在这里我将 textarea 的宽度设置为与列一样宽。现在我要做的是，当我从角落拖动时，我不希望 textarea 溢出该列。这可能吗？我也尝试了 max-width 和属性。目前还没有解决办法。

【问题讨论】：

我不明白你的问题是什么，请解释一下。

我想要做的只是水平限制。它应该仍然可以垂直调整大小。

***.com/questions/3899463/…

@Shrikant 就像我说我检查了这些解决方案，但对我没有用。无论如何，我在下面得到了 Midhun 的答案

【参考方案1】：

你可以为<textarea>设置属性css属性resize:none

<div class="row"><div class="col-md-12">
    <table class="table table-bordered " id="RezAddress" >
   <tr>
    <th colspan="2" align="left">'.$menu[56].'</th>
    </tr>
  <tr>
    <td colspan="2" align="left"><textarea name="address" rows="3" id="address" style="min-width: 100%;resize:none">'.$address.'</textarea></td>
    </tr>
  </table>
  </div></div>

所以为了限制它水平使用 resize:vertical

 <div class="row"><div class="col-md-12">
        <table class="table table-bordered " id="RezAddress" >
       <tr>
        <th colspan="2" align="left">'.$menu[56].'</th>
        </tr>
      <tr>
        <td colspan="2" align="left"><textarea name="address" rows="3" id="address" style="min-width: 100%;resize:vertical">'.$address.'</textarea></td>
        </tr>
      </table>
      </div></div>

【讨论】：

感谢您的快速回答。但我想做的只是水平限制。它仍然应该可以垂直调整大小。如果没有问题，您也可以检查一下吗？

然后设置resize: vertical;