欢迎光临
我的个人博客网站

textarea绝对定位百分比的情况会上下拖拽


需求:实现父盒子垂直居中情况的textarea只向下拖拽

textarea绝对定位百分比的情况会上下拖拽

法一有bug:父盒子绝对定位百分比

代码如下:

#form_table {     width: 480px;     padding: 15px;     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     background-color: #fff;     border-radius: 15px; } textarea {     padding: 8px 0 0 12px;     border-radius: 3px;     border-color: #dcdfe6;     font-size: 16px;     /* 只可以调节元素的高度 */     resize: vertical;     /* 控制拖拽到最小高度 */     min-height: 30px; } 

效果实现

textarea绝对定位百分比的情况会上下拖拽

 

法二:父盒子margin自适应

代码如下:

#form_table {     width: 480px;     margin: 60px auto;     background-color: #fff;     border-radius: 15px; } 

效果实现

textarea绝对定位百分比的情况会上下拖拽

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » textarea绝对定位百分比的情况会上下拖拽
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏