CSS同线对齐

前端之家收集整理的这篇文章主要介绍了CSS同线对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种优雅的方法可以在同一条线上左右,中间和右边对齐3个元素?

现在我正在使用宽度为3< div>的全部:33%;浮动:左;而且效果不好.

解决方法

这对我行得通:
<html>
  <head>
    <style>
      div.fl {
        float: left;
        width: 33%;
      }
      div.fr {
        float: right;
        width: 33%;
      }
    </style>
  </head>
  <body>
    <div class="fl">
      A
    </div>
    <div class="fl">
      B
    </div>
    <div class="fr">
      C
    </div>
  </body>
</html>

你的意思是一样的吗?

猜你在找的CSS相关文章