css 一个令人迷惑的命名

随着现代浏览器广泛友好的支持,目前flex已经成为主流布局方式.虽然总是用到flex-direction 这个属性,但是总有那么一些灵魂出窍的时候不知道到底用row 还是column.

what a fuck!

言归正传:

flex-direction有两种备选值:row 和 column.其中
row表示横向展开,
column表示纵向展开

但是,平常英语习惯中,row表示行,column表示列.
这样很容易错误得以为 flex-direction=row 表示"像excel中一行一行铺开",
而flex-direction=column 错误地理解为"像excel中列一样横向展开"

本来很简单一个事情,但是如果一段时间不用,设置flex-direction时很容易搞晕.
吐槽:
当时制定标准时换一个命名方式多好!比如:
flex-direction:x; 表示横向
flex-direction:y; 表示纵向

整个世界清静了.

类似这样的命名失当引起不必要的"殚精竭虑"现象,在平时工作中出没频率不算低.无论是业务代码还是框架. 人无完人,只能希望自己coding时注意,别给小伙伴们埋坑.

😆

推荐阅读更多精彩内容