相关疑难解决方法(0)

751
推荐指数
11
解决办法
50万
查看次数

如何将"position:absolute"元素居中

我有一个问题集中在属性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;
}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)

html css css-position centering

623
推荐指数
19
解决办法
74万
查看次数

标签 统计

css ×2

html ×2

centering ×1

css-position ×1

javascript ×1

jquery ×1

layout ×1