以pink老师的品优购为例
1.和2. 如图所示:
由1.2.操作之后的结果如图所示:
现在有图片了 但是按照步骤则a标签的文字不可避免的出现 如何使得文字不显示呢?
答案一:将a标签的字体大小设置为0px就看不见字体了 如图:
答案二:a标签被转为块级元素之后可以设置宽高 ,a标签的文字就在盒子里面了;对a设置文字的首行缩进; 利用text-indent文字首行缩进 ;(text-indent:正值 则文字靠右边走 ;负值 则文字靠左边走 ;)当负值足够大的时候,文字脱离a盒子 跑到盒子左方向外边;此时再利用overflow:hidden 对a盒子设置 :效果是将a盒子外边的内容隐藏 ;最终实现了隐藏文字;
如图: