css里面怎么让文字长的时候两行显示,最多两行,多余的省略号显示,最重要的是支持ie浏览器,

html-css028

css里面怎么让文字长的时候两行显示,最多两行,多余的省略号显示,最重要的是支持ie浏览器,,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

div{

width: 100px

overflow:hidden

text-overflow:ellipsis

display:-webkit-box

-webkit-box-orient:vertical

-webkit-line-clamp:2

}

3、浏览器运行index.html页面,此时文字超过2行会自动把多余部分用省略号显示 。

你好:

<input name="textfield" type="text" id="textfield" size="100" maxlength="100" />

控制长度与字数,

最多个数如果不设置是不受限制的,