需求:實作父盒子垂直居中情況的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;
}
效果實作
法二:父盒子margin自適應
代碼如下：
#form_table {
width: 480px;
margin: 60px auto;
background-color: #fff;
border-radius: 15px;
}
效果實作
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/134946.html
標籤：其他