<!DOCTYPE html>
<html>
<head>
<title>css3 语法实现div模拟Input</title>
<style type="text/css">
/* div模拟输入框*/
.imitate-input{
width: 120px;
border: 1px solid dodgerblue;
padding: 6px 10px;
size: 16px;
line-height: 16px;
outline: none;
color: #000;
overflow-x: scroll;
overflow-y: hidden;
display: inline-block;
vertical-align: middle; /*相邻的两个元素中线对齐*/
word-break: break-all; /*超出长度允许在单词内换行*/
word-wrap: break-word; /*超过长度自动换行*/
text-align: left; /*输入框内容从左开始驶入*/
}
H5C3 css3实现div 模拟Input框 应用场景:输入地址的输入框 不用textarea的情况下(输入框超过宽度自动换行)
最新推荐文章于 2024-05-29 11:18:12 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)