关于css content的使用方法

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

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

可以前后给插入内容。

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

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

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

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

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

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

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。