input自动换行
时间: 2023-07-04 20:18:47 浏览: 126
android 自动换行
3星 · 编辑精心推荐
可以使用CSS中的`word-wrap`或`word-break`属性来实现input自动换行。
1. `word-wrap`属性:该属性用来设置是否允许单词内换行,取值有`normal`、`break-word`和`initial`。其中,`break-word`表示单词内允许换行,可以实现input自动换行的效果。
```css
input {
word-wrap: break-word;
}
```
2. `word-break`属性:该属性用来设置单词如何断行,取值有`normal`、`break-all`、`keep-all`和`initial`。其中,`break-all`表示允许在单词内断行,也可以实现input自动换行的效果。
```css
input {
word-break: break-all;
}
```
需要注意的是,以上两种方法都需要设置input的宽度,如果宽度不够,仍然会出现横向滚动条的情况。建议使用`textarea`标签来实现自动换行的效果。
阅读全文