CSS 多行文本省略(兼容IE)

html-css024

CSS 多行文本省略(兼容IE),第1张

如果实现单行文本的溢出显示省略号用 text-overflow:ellipsis 属性来，当然还需要加宽度width属来兼容部分浏览。

但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号

适用范围：

因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；

css设置透明度，首先需要知道的是在浏览器中的不同使用，一般在ie中用的是filter:alpha(opacity=0)这个属性来设置div或者是块级元素的透明度，而在firefox中，一般就是直接使用opacity:0,对于兼容的，一般的做法就是在书写css样式的将2个都写上就行，就能实现兼容，具体看代码：

<html>

<head>

#div1{

width:200px

height:600px

margin:0 auto

opacity:0

filter:alpha(opacity=0)//0 代表的是隐藏，就是透明度最低。

}

</head>

<body>

<div id='div1'>

<p>测试文字。</p>

</div>

</body>

</html>

如何用css修改checkbox的原本样式，这里分享下操作方法。

设备：联想电脑

系统：win8

软件：HBuilder代码编辑器

1、首先在电脑中打开编辑器，创建基本的html代码。

2、然后设置一下背景。

3、接着隐藏掉原来的checkbox。

4、最后覆盖一下原本的位置，利用伪元素这个时候点击就会有效果了。