Question

我正在使用语义UI React，并且他们的Textarea具有autoHeight属性，该属性在您创建新行时会自动扩展文本区域。如果Textarea由带有display：flex属性的Grid.Column包裹，则此操作将停止工作。

$("#homeHero").css("background-image" , "url(" + background + ");");

基本上，我想要一个垂直对齐并自动扩展的文本框，但要添加更多的行，但是看来我可以自动扩展它还是使其垂直对齐，而这两种方法都无法做到。

Answer 1

根据我的评论，下面的CSS确实起作用：

textarea {
  height: 100%;
}

我已经从代码框中打开了示例代码，并进行了修改，如下所示：

<TextArea
    name="itemTopic"
    defaultValue={comparison.a}
    rows={1}
    style={{
    fontSize: "20px",
    textAlign: "center",
    width: "100%",
    height: "100%"
  }}
/>

所以我删除了autoHeight：因为它将生成height: auto的内联样式并添加了height: 100%。

这行得通，因为所有textarea标签的高度都与您想要添加minHeigh: 100px // or something的高度相同。

谢谢

textarea autoheight在flex中不起作用

1 个答案: