关于css content的使用方法

content这个属性我一直没有使用过,没接触过。

偶然看到好多样式当中都用到了这个属性,从网上查到的是,必须配合:before和:after来使用。

可以前后给插入内容。

假设想给一个p标签里面的内容超出后添加省略号,就可以适用这个属性。

p:after{content:"......"}

但是ie6不支持,不过现在用ie6的人很少了。ps:但是我们公司还要做兼容。ku....

如果想对其中一个内容后面文字隐藏的话,可以使用。

#p.box:after{content:"none"}

 content属性的值除了使用文本值外,还可以使用标签的一些属性值,方法是attr()

posted @ 2015-03-24 10:30  吉米小绵羊  阅读(807)  评论(0编辑  收藏  举报