Re: [問題] 怎用 CSS 將 imgur 的框隨圖變換與讓圖對齊框左上角

看板Web_Design作者 (Have Fun)時間8年前 (2017/04/09 16:51), 編輯推噓0(001)
留言1則, 1人參與, 最新討論串2/3 (看更多)
※ 引述《cc98 (cc98)》之銘言: : 標題: [問題] 怎用 CSS 將 imgur 的框隨圖變換與讓圖對齊框左上角 : 時間: Sat Apr 8 19:33:21 2017 : : 補上用 imgur 的 ptt 網頁 : https://www.ptt.cc/bbs/Web_Design/M.1491651205.A.908.html : http://imgur.com/OSP3XrJ
: : -- : 因實在不知怎麼寫,故來發問,謝謝各位! : : https://uploadpie.com/A3WKbV : (consume within: 3 days) : : 問題: :  1. 如何設定單邊可等比例縮放 imgur 的圖片外框? :  2. 如何讓圖在縮小的外框內對齊左上角,並且圖片不會被外框擋住? : : 目標: :  外框隨圖縮放或沒外框 : : 其他: :  因不願看到大圖,所以會用 CSS 指定最大尺寸 :  但這兩天注意到 ptt 網頁版顯示的 imgur 圖片會外包一層白框 :  所以圖雖縮小了,但白框並未縮小 :  嘗試後,白框雖有縮小,但無法等比例縮小 :  然後圖片並未跟著白框縮小而置中,圖依然在原本的位置,圖片反而會因白框縮小而被擋住只能看到局部 : : -- : ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.213.168 : ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1491651205.A.908.html : → imhaha: img css 加邊線 04/09 01:00 : → cc98: 加了 border 依舊是縮圖不縮框,一樓能説詳細點嗎?謝謝! 04/09 09:13 : 推 iamnodoubt: 貼網頁或是codepen之類的, 不要貼示意圖 04/09 12:30 : → cc98: iamnodoubt 您好,已補上用 imgur 的 ptt 網頁 04/09 14:36 : ※ 編輯: cc98 (59.115.213.168), 04/09/2017 15:00:07 : → imhaha: ...突然看不懂你要為什麼了 04/09 16:07 : → imhaha: *問 04/09 16:09 : → imhaha: 不知道你的用途跟怎麼用 簡單來說imgur圖片網址抓出來, 04/09 16:16 : → imhaha: 後面多.jpg 就可以變純圖版 04/09 16:16 : → imhaha: http://imgur.com/OSP3XrJ.j
pg 04/09 16:17 : → imhaha: http://imgur.com/OSP3XrJ.jpg
04/09 16:17 ptt web版從server回傳回來的html 一般人也沒辦法控制 你只能改變圖的來源大小 還是你是ptt站長? 我打<img src="http://imgur.com/OSP3XrJ.jpg"
/> 也看不到你講的白框 你的問題跟web design沒關係.. -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.103.222 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1491727891.A.C8C.html

04/14 21:03, , 1F
您好,謝謝回覆!我只是一般使用者。 :-)
04/14 21:03, 1F
文章代碼(AID): #1OwVOJoC (Web_Design)
文章代碼(AID): #1OwVOJoC (Web_Design)