<Textarea className={styles.textarea} maxlength ="512" auto-height={true} placeholder={`感官 感觉 感受 感悟 情绪 想法 念头 意识 身体 思维 无意识 ......`} placeholderClass={styles.placeholder} value={description} onBlur={(e) => setDescription(e.detail.value)}></Textarea>

以上为代码

textarea {

word-wrap:"break-word";

white-space:"pre-line" ;

box-sizing: border-box;

border-radius: 32px;

height: 480px;

background: #f3f3f4;

//display: flex;

//flex-direction: column;

padding: 32px;

}

.placeholder {

color: rgba(0, 0, 0, 0.4);

font-size: 28px;

}

以上为CSS

这个是实际的截图

问题：

1、placeholder文字被截断

2、如何换行