html flex 用法問題

網頁製作網頁排版網頁製作網頁 html html flex 網頁設計

ericbig66 2019-01-18 01:33:25 ‧ 1891 瀏覽

css 的 flex 使用問題:
請問該如何使左側圖片對齊左邊界、右側圖片對齊右邊界、中間的span自動隨著頁面大小自動調整?
程式碼如下:(點我下載原始程式碼)

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 }} |

直播中

tw17055

iT邦新手 5 級 ‧ 2019-01-18 09:55:41

最佳解答

yutao116

iT邦新手 5 級 ‧ 2019-01-21 12:39:16

display: flex;
align-items: center;
justify-content: space-between;

立即登入回答