[問題] 如何將圖片置中,然後後面緊接著字串

看板Web_Design作者 ( )時間8年前 (2016/12/21 09:42), 編輯推噓6(602)
留言8則, 3人參與, 最新討論串1/1
┌─────────┐ │ <圖片><文字>│ │ │ │ │ │ │ └─────────┘ 如上圖,想要將圖片放在網頁的中間,然後圖片後面接著顯示字串 有人知道怎麼設定比較好嗎 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.66 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1482284567.A.FCE.html

12/21 09:47, , 1F
<center><img src='//3wa.tw/3wa.png'>test</center>
12/21 09:47, 1F

12/21 10:12, , 2F
樓上的方法應該是圖片+文字置中,而非圖片置中後面接著文字
12/21 10:12, 2F

12/21 10:15, , 3F
要圖片置中,文字又要跟著圖片,基本上需要利用position的功
12/21 10:15, 3F

12/21 10:15, , 4F
能,允許CSS3的話,flex相對容易做到
12/21 10:15, 4F

12/21 16:14, , 5F
12/21 16:14, 5F

12/21 19:48, , 6F
12/21 19:48, 6F

12/21 21:14, , 7F
哦哦哦! 後面的文字inline-block 整個過去了:D
12/21 21:14, 7F

12/21 21:15, , 8F
金厲害
12/21 21:15, 8F
文章代碼(AID): #1OMTuN_E (Web_Design)
文章代碼(AID): #1OMTuN_E (Web_Design)