使用css控制文字行数,多余的内容用省略号显示
程序员文章站
2022-04-22 14:02:24
...
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
这是当显示的行数超过1行时,可以使用这几行代码。-webbkit-line-clamp: 控制显示的行数,不要给当前标签设置height,让文字自动撑起高度。
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
只要显示一行的时候可以使用以上这几行代码
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-appearance:none;
当做手机端的时候,IOS系统总会给form表单的的输入框自动加上边框圆角的效果。上面这几行代码就是去掉IOS系统自带的边框圆角的效果的
上一篇: div多出文字隐藏并用省略号代替
下一篇: css文本超出隐藏或者省略号代替