我在将属性position设置为absolute的元素居中时遇到问题。
有人知道为什么图像没有居中吗
正文{
文本对齐:居中;
}
#幻灯片包装{
边缘顶部:50px;
文本对齐:居中;
}
ul#幻灯片放映{
列表样式:无;
位置:相对位置;
保证金:自动;
}
ul#幻灯片李{
位置:绝对位置;
}
ul#幻灯片{
边框:1px实心#ccc;
填充:4px;
高度:450px;
}
<;车身>;
<;div id=“slideshowWrapper”>;
<;ul id=“幻灯片放映”>;
<;李>&书信电报;img src=”https://source.unsplash.com/random/300*300?技术“alt=”虚拟1“/></李>;
<;李>&书信电报;img src=”https://source.unsplash.com/random/301*301?技术“alt=“Dummy 2”/></李>;
</ul>;
</部门>;
</车身>
如果已设置宽度,则可以使用:
位置:绝对;
左边距:自动;
右边距:自动;
左:0;
右:0;
文本对齐:居中;