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

flexbox

penney 2017-07-17 20:29:30 ‧ 6217 瀏覽

分享至

這是我的html

以及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列

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

神威 iT邦研究生 4 級 ‧ 2017-07-18 10:26:41 檢舉

可參考
http://www.oxxostudio.tw/articles/201501/css-flexbox.html

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

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

尚未有邦友回答

標記使用者