textarea自适应高度

最新推荐文章于 2025-08-21 10:39:41 发布

原创最新推荐文章于 2025-08-21 10:39:41 发布 · 431 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#textarea

CSS 专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨了CSS中的各种属性，如边框、内边距、文本溢出处理、文本对齐方式、字体换行规则等，特别关注了如何通过CSS实现元素的自适应高度和宽度，以及如何使用颜色和字体大小属性增强网页的视觉效果。

<div class="input-textarea" :disabled="true"  contenteditable="true">此处显示文字<br /></div>

.input-textarea {
  border: 0;
  outline: 0;    /* outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用 */
  padding: 0;
  overflow-x: hidden;
  resize: none;    /* resize 属性规定是否可由用户调整元素的尺寸。 */
  color: black;
  min-height: 100px;
  line-height: 1.75;
  font-size: 16px;
  color: black;
  /* max-height: 400px; */
  width: 100%;
  overflow-y: auto;
  text-align: justify;       /*字体两端对齐*/
  word-wrap: break-word;    /* 允许长单词换行到下一行 */
}