IE6和IE7也是支持display:inline-block
分类:实例代码
其实IE6和IE7浏览器也是支持display:inline-block。
这一点要感谢一个论坛朋友的提醒,以前没有特别的主意,经过测试发现确实是支持,只是没有完全支持。
IE6,7只支持inline元素设置为inline-block,其它类型元素均不可以 。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style type="text/css"> span{ display:inline-block; width:100px; height:100px; background:#ccc; } </style> </head> <body> <span></span> </body> </html>
上面的代码在IE6和IE7中,能够将span元素设置为内联块级元素,可以设置它的尺寸。
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu