今天遇到一个问题,说的就是很多个链接,类是友情链接的东西,一并都在一块。然后要让他们换行输出,但是有几个不兼容的问题:
一是,不同操作系统所采用的字体不同时,每个字体对应的宽度就不确定,然后它到底会不会溢出是未知的。
二是,每种浏览器的显示是有差别的,字体这个东西很难去精确定宽的,除非采用em设定宽度(但是对于中栏固定宽度来说,几乎没有人会去采用em设定宽度的)。
三是,像有些网站一样,他们用<br />去换行输出,当然这种做法本身没错,但是当下回再添加一个链接时就需要每个浏览器都去看一遍,是不是溢出了,或者布局错乱了?
所以可以考虑使用inline-block去做。
这里我采用了京东商城的最底部链接:
其实IE对于字体的处理是其他浏览器所不能匹及的。这里我仅仅只是使用的display:inline-block并没有使用兼容ie6,7的方式(*display:inline;*zoom:1)