如何居中“位置：绝对”元素
我在将属性position设置为的元素居中时遇到问题absolute。有谁知道为什么图像没有居中？
body {
text-align: center;
}
#slideshowWrapper {
margin-top: 50px;
text-align: center;
}
ul#slideshow {
list-style: none;
position: relative;
margin: auto;
}
ul#slideshow li {
position: absolute;
}
ul#slideshow li img {
border: 1px solid #ccc;
padding: 4px;
height: 450px;
}
<body>
<div id="slideshowWrapper">
<ul id="slideshow">
<li><img src="img/dummy1.JPG" alt="Dummy 1" /></li>
<li><img src="img/piano_unlicened.JPG" alt="Dummy 2" /></li>
</ul>
</div>
</body>
问题答案：
如果设置了宽度，则可以使用：
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
-
问题内容： 我需要在窗口中心放置一个（带有）元素。但是我遇到了问题，因为 宽度未知 。 我试过了 但是，由于宽度是响应性的，因此需要对其进行调整。 有任何想法吗？ 问题答案：
-
本文向大家介绍如何让一个块元素绝对居中？相关面试题，主要包含被问及如何让一个块元素绝对居中？时的应答技巧和注意事项，需要的朋友参考一下 div{ position:fixed; right:0; left:0; bottom:0; top:0; margin: auto auto }
-
问题内容： 在下面的示例中，绝对定位，我需要将其水平居中。通常，我会为相对定位的元素执行“ a”操作，但是我被困在这里。有人可以给我指路吗？ HTML CSS 问题答案： 如果要在左属性上居中对齐。 对于顶部对齐，同样可以使用margin-top：（div的width / 2），概念与left属性相同。 将标头元素设置为position：relative很重要。 尝试这个： 如果您不想使用计算，可
-
问题内容： 我有3个要素。 第一个更大（包装）并具有 第2个相对于第1个相对位置绝对定位（并包含在第1个中） 第3个包含在第2个中，并且也具有绝对定位。 为什么第3个位置相对于第2个绝对位置（这也是第1个位置的绝对位置）而不是相对位置的第一个位置？ 因为3rd 是绝对定位到2nd的绝对定位。 问题答案： 因为就像重置孩子的相对位置一样。 这是无法解决的-如果您希望第三个相对于第一个绝对定位，则必须
-
问题内容： 我想创建一个以动态宽度和高度为中心的弹出框。我曾经为此。没有它，则水平居中，但不能垂直居中。添加后，它甚至没有水平居中。 这是完整的设置： 如何使用CSS在屏幕上将此框居中？ 问题答案： 基本上，您需要设置div 并将其居中放置在div的左上角。您还需要将和设置为div的高度和宽度的负一半，以将中心移到div的中间。 因此，在提供（标准模式）的情况下，此操作应： 或者，如果你不关心垂直
-
我想为一个笔记应用程序添加笔记加号。我做了一个固定位置的圆，这样它总是可见的。然后，我想做两条线，形成一个加号，并将这些线居中。这是代码： null null 请告诉我如何将加号居中到固定位置的圆上。谢谢！