iT邦幫忙

0

如何使用flexbox製作Card的型態?

diya 2017-07-17 20:29:305577 瀏覽

這是我的html
http://ithelp.ithome.com.tw/upload/images/20170718/20105907oDRHRhWHNu.png
以及sass

	.container
		display: flex 
		flex-flow: row wrap
		justify-content: flex-end
	.1
		flex-basis: 30%
	.2
		flex-basis: 70%
	.3 
		flex-basis: calc(70% / 3)
	.4 
		flex-basis: calc(70% / 3)
	.5
		flex-basis: calc(70% / 3)

show出來的結果,1的部分無法跨到第2列
http://ithelp.ithome.com.tw/upload/images/20170718/20105907ZmSQmUDkfE.png

拜託各位大大解答><~~

cool3690 iT邦新手 4 級 ‧ 2017-07-18 10:26:41 檢舉
可參考
http://www.oxxostudio.tw/articles/201501/css-flexbox.html

尚未有邦友回答

立即登入回答