[問題] 如何讓圖片靠左對齊

看板Web_Design作者 (Watching you)時間8年前 (2016/12/08 16:43), 8年前編輯推噓2(2015)
留言17則, 7人參與, 最新討論串1/1
【HTML】 <div class="AAA"> <div> <img src="..." class="BBB> </div> </div> 【CSS】 .AAA{ margin-right: 25px; position: absolute; right: 0; top: 0; white-space: nowrap; } .AAA的設定檔無法更改,試過另外宣告如下的設定檔: .AAA img{ right: -777 !important; left: 777 !important; } 但圖片依然是靠右不是靠左。 請問要讓該img圖片靠左對齊,要怎麼設定才好? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.66 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1481186599.A.9EF.html ※ 編輯: FacetheFaith (59.124.165.66), 12/08/2016 16:47:45

12/08 16:56, , 1F
right:0是離右邊0,當然不會靠左啊...
12/08 16:56, 1F

12/08 17:02, , 2F
right:0這個設定不能去動,所以我另外宣告同名類別
12/08 17:02, 2F

12/08 17:02, , 3F
其right:-777, left:777,意思上應該是要靠左對齊
12/08 17:02, 3F

12/08 17:03, , 4F
但是實際效果依然靠右
12/08 17:03, 4F

12/08 17:13, , 5F
把外層div寬度設100% img的div設left:0 margin-left-25
12/08 17:13, 5F

12/08 17:13, , 6F
這樣如何
12/08 17:13, 6F

12/08 17:19, , 7F
right:-777不是更右了嗎 而且沒有單位不太標準
12/08 17:19, 7F

12/08 17:19, , 8F
另外.AAA img是absolute嗎?
12/08 17:19, 8F

12/09 10:18, , 9F
第一次看到無法設定的 會不會是你下錯地方
12/09 10:18, 9F

12/09 10:19, , 10F
你要看你的aaa是對哪個relative
12/09 10:19, 10F

12/09 10:20, , 11F
上下左右只對absolute的有用 所以妳那些important都沒用
12/09 10:20, 11F

12/11 02:28, , 12F
Float:left; ?
12/11 02:28, 12F

12/15 01:16, , 13F
上下左右對relative也有用吧。但我記得相對方向只能選一
12/15 01:16, 13F

12/15 01:16, , 14F
個用。
12/15 01:16, 14F

12/15 01:18, , 15F
img應該是inline物件,要把他的display改成block,
12/15 01:18, 15F

12/15 01:18, , 16F
上下左右才會有效。因為inline物件就是會跟著文字流
12/15 01:18, 16F

12/15 01:20, , 17F
不用!important,選擇器越小範圍,越優先執行。
12/15 01:20, 17F
文章代碼(AID): #1OIHqddl (Web_Design)
文章代碼(AID): #1OIHqddl (Web_Design)