html5中的 display:inline-flex; 和 display: flex;有什么区别?

html5中的 display:inline-flex; 和 display: flex;有什么区别?,第1张

前者display:box是2009年的语法版本,使用时需要加上浏览器的前缀,不过现在已经过时了。

后者display:flex是2012年最新修正的语法版本,浏览器支持较好,也将成为以后标准的语法。

中间2011年也提出了一个奇葩的语法版本display:flexbox,非官方的,当时主要是为IE浏览器使用。

flex 和 FLASH 都是基于AS语言,编译后都是SWF 文件。两者的区别在于,FLASH 是基于时间轴,大多在用在动画方面,FLEX 是事件驱动的,更像是vb 或者JAVA 。

FLEX 可以制作网页或者桌面程序,甚至是安卓和苹果IOS的APP。FLEX 编写的桌面程序需要安装AIR软件,就像JAVA程序需要JAVA虚拟机一样。

FLEX 在B/S架构中,还是有一定的前景,首先,大多数人的PC电脑上都可以播放FLASH,用FLEX编译的程序和FLASH一样SWF文件存在的。

虽然手机上不再支持FLASH,HTML5的出现也将会慢慢取代FLEX,FLASH的存在。但是这将是个漫长的过程,首先,HTML5要比FLEX更慢,甚至是慢几倍,用HTML5做一些大型应用,游戏等显然不现实,而且HTML5+CSS3 的代码就像HTML代码,JS代码一样,在浏览器中点击查看源代码就看以看到。

FLEX 编译为SWF文件后,就是2进制文件,虽然有些反编译的软件,但是反编译出来的东西差距还是很大。

HTML5 现在浏览器支持程度也需要时间来慢慢支持

FLEX 和HTML5 相比可能弱点,就是各大搜索引擎搜索不到他的内容,导致做的网站不利于推广。

flex布局。虽然可以使用其他CSS样式属性来实现页面布局处理,但是如果使用CSS Flexible Box模块中定义的d性盒布局技术,可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式,即实现非常灵活的布局处理。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6229087.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存