css 中心浮动图像 - 在一些博客中的一个老技巧,中心浮动元素,使用这样的结构:

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 中心浮动图像 - 在一些博客中的一个老技巧,中心浮动元素,使用这样的结构:相关的知识,希望对你有一定的参考价值。

/* CSS */

    .main-container {
      float: left;
      position: relative;
      left: 50%;
    }
    .fixer-container {
      float: left;
      position: relative;
      left: -50%;
    }

/* HTML */
<div class="main-container">
  <div class="fixer-container">
    <ul class="list-of-floating-elements">

      <li class="floated">Floated element</li>
      <li class="floated">Floated element</li>
      <li class="floated">Floated element</li>

    </ul>
  </div>
</div>

以上是关于css 中心浮动图像 - 在一些博客中的一个老技巧,中心浮动元素,使用这样的结构:的主要内容,如果未能解决你的问题,请参考以下文章

是否可以浮动中心图像?

CSS 绝对中心(垂直和水平)图像| CSS-技巧

CSS中的基本垂直中心在浮动元素上表现异常

2018-05-22 CSS 左右布局左中右布局以及一些小技巧

CSS小技巧使用

CSS清除浮动技巧