iT邦幫忙

0

html flex 用法問題

css 的 flex 使用問題:
請問該如何使左側圖片對齊左邊界、右側圖片對齊右邊界、中間的span自動隨著頁面大小自動調整?https://ithelp.ithome.com.tw/upload/images/20190118/20114714HxDPSrPGEl.jpg
程式碼如下:(點我下載原始程式碼)
https://ithelp.ithome.com.tw/upload/images/20190118/20114714STx27VMSLv.jpg

watercool iT邦新手 5 級 ‧ 2019-01-18 09:23:07 檢舉
https://jsfiddle.net/29L0q51t/
這樣可以嗎?
ericbig66 iT邦新手 5 級 ‧ 2019-01-18 17:47:05 檢舉
是的,這就是我想要的感覺,謝謝
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
yutao116
iT邦新手 5 級 ‧ 2019-01-21 12:39:16
display: flex;
align-items: center;
justify-content: space-between;

我要發表回答

立即登入回答