为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap的.text-hide类有什么实用价值?

bootstrap的.text-hide类有什么实用价值?

largeQ 2018-09-04 09:18:02
尽管segmentfault本身就在用,比如左上角的LOGO,但我还是不懂,把文字写出来然后隐藏掉,有什么意义?为什么不直接给一张图片加链接?
查看完整描述

1 回答

?
湖上湖

TA贡献2003条经验 获得超2个赞

这个问题就涉及了我们通常说的技术套路(模式)
首先说一下为什么不用直接图片(用背景图的好处)?
1、用背景图可以直接使用CSS控制,保证html文档干净,使html只容纳内容结构,而用CSS控制样式。
2、用CSS控制所有,这样更换模板很方便,html不用调整(内容和结构是稳定的嘛)
3、背景图可以合并,通过定位选取,这样优化请求
不过以上最重要的是保持html(内容和结构)稳定,————容颜易改我心如一。

知道了用背景图是好的选择之后,那么问题来了, 挖掘机技术哪家...?
为什么设置了文本,而又隐藏掉呢? 因为 a 是内联元素, 内联元素有个特点就是:如果元素里没内容,我是没有高度的哦。 如果没有高度,设置了背景又怎样呢,你啥也看不到。虽然有让它有高度的方法(block之类的),但这些方法改变了元素类型有时带来副作用,所以嘛最简便的还是加上文本再隐藏掉(比如text-indent: 110%;之类的),这样皆大欢喜。
对了,另外在开发的分工合作中,HTML和CSS编程者可以方便的适用合适字体大小占据需要的位置,能够保持文档结构合适,留下的那个空就可以安心的交给美工妹妹去设计图片。


查看完整回答
反对 回复 2018-10-28
  • 1 回答
  • 0 关注
  • 741 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信