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

作者: FacetheFaith (Yes Man)   2016-12-08 16:43:16
【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圖片靠左對齊,要怎麼設定才好?
作者: s89227 (Kei)   2016-12-08 16:56:00
right:0是離右邊0,當然不會靠左啊...
作者: FacetheFaith (Yes Man)   2016-12-08 17:02:00
right:0這個設定不能去動,所以我另外宣告同名類別其right:-777, left:777,意思上應該是要靠左對齊但是實際效果依然靠右
作者: ian90911 (xopowo)   2016-12-08 17:13:00
把外層div寬度設100% img的div設left:0 margin-left-25這樣如何
作者: Ayukawayen (亞布里艾爾發芽>//<)   2016-12-08 17:19:00
right:-777不是更右了嗎 而且沒有單位不太標準另外.AAA img是absolute嗎?
作者: yulymoon (Yuly)   2016-12-09 10:18:00
第一次看到無法設定的 會不會是你下錯地方你要看你的aaa是對哪個relative上下左右只對absolute的有用 所以妳那些important都沒用
作者: z44x85r (Lorem)   2016-12-11 02:28:00
Float:left; ?
作者: oj113068 (橘子汁)   2016-12-15 01:16:00
上下左右對relative也有用吧。但我記得相對方向只能選一個用。img應該是inline物件,要把他的display改成block,上下左右才會有效。因為inline物件就是會跟著文字流不用!important,選擇器越小範圍,越優先執行。

Links booklink

Contact Us: admin [ a t ] ucptt.com