html5
时遇¥.¥..
如何让我遇见你?
展开
-
textarea 让多行输入框 高度随内容变化
正常来说 textarea 的高度是定死的,输入内容超出高度时只会产生内部滚动条,项目需求 要随内容增高而增高,示例代码<textarea class="input-area" autofocus maxlength="5000" placeholder="请输入内容"></textarea>const textarea = document.querySelector(".input-area"); textarea.focus() // 有页面缓存是 autofoc原创 2022-08-25 10:03:13 · 1965 阅读 · 0 评论 -
让多行输入框 高度随内容变化 textarea
<textarea class="input-area" maxlength="5000" placeholder="请输入内容"></textarea>const textarea = document.querySelector(".input-area"); textarea.addEventListener("input", function (e) { this.style.height = "inherit";原创 2022-05-09 15:26:26 · 396 阅读 · 0 评论 -
手写动态圆柱体 vue scss
基于vue scss 写出来的动态圆柱体所需图片 图1 底部图片 图2 实心顶部图片 效果图<div class="column-wrap"> <div class="column"> <div class="column-opacity" /> <!-- <div class="column-solid" :style="{height:(detail.peo原创 2022-03-08 09:57:22 · 384 阅读 · 0 评论 -
关于position的属性
概述:position 属性规定应用于元素的定位方法的类型。有五个不同的位置值:static : html元素默认情况下的定位方式 – 静态 静态定位的元素不受top,bottom,left和right属性的影响。relative :元素相对于其正常位置进行定位。–相对定位 设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。fixed :元素是相对于视口定位的,-- 固定定位 这意味着即使滚动原创 2021-12-21 17:47:26 · 178 阅读 · 0 评论