作者FacetheFaith (Watching you)
看板Web_Design
标题[问题] 如何让图片靠左对齐
时间Thu Dec 8 16:43:16 2016
【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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1481186599.A.9EF.html
※ 编辑: FacetheFaith (59.124.165.66), 12/08/2016 16:47:45
1F:→ s89227: right:0是离右边0,当然不会靠左啊... 12/08 16:56
2F:→ FacetheFaith: right:0这个设定不能去动,所以我另外宣告同名类别 12/08 17:02
3F:→ FacetheFaith: 其right:-777, left:777,意思上应该是要靠左对齐 12/08 17:02
4F:→ FacetheFaith: 但是实际效果依然靠右 12/08 17:03
5F:推 ian90911: 把外层div宽度设100% img的div设left:0 margin-left-25 12/08 17:13
6F:→ ian90911: 这样如何 12/08 17:13
7F:推 Ayukawayen: right:-777不是更右了吗 而且没有单位不太标准 12/08 17:19
8F:→ Ayukawayen: 另外.AAA img是absolute吗? 12/08 17:19
9F:→ yulymoon: 第一次看到无法设定的 会不会是你下错地方 12/09 10:18
10F:→ yulymoon: 你要看你的aaa是对哪个relative 12/09 10:19
11F:→ yulymoon: 上下左右只对absolute的有用 所以你那些important都没用 12/09 10:20
12F:→ z44x85r: Float:left; ? 12/11 02:28
13F:→ oj113068: 上下左右对relative也有用吧。但我记得相对方向只能选一 12/15 01:16
14F:→ oj113068: 个用。 12/15 01:16
15F:→ oj113068: img应该是inline物件,要把他的display改成block, 12/15 01:18
16F:→ oj113068: 上下左右才会有效。因为inline物件就是会跟着文字流 12/15 01:18
17F:→ oj113068: 不用!important,选择器越小范围,越优先执行。 12/15 01:20