iT邦幫忙

0

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

  • 分享至 

  • xImage

這是我的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

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

神威 iT邦研究生 4 級 ‧ 2017-07-18 10:26:41 檢舉
可參考
http://www.oxxostudio.tw/articles/201501/css-flexbox.html
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答