CSS同线对齐

Question

CSS同线对齐

8 css user-interface positioning alignment

有没有一种优雅的方法可以在同一条线上左右,中间和右边对齐3个元素？

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

Answer 1

这对我行得通:

<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>

Run Code Online (Sandbox Code Playgroud)

你的意思是一样的吗？

Answer 2

Chr*_*nce 0

将前两个向左浮动，第三个向右浮动，同时确保宽度适合您放置它们的线。

如果您的设计允许，请使用像素宽度。

归档时间：	17 年前
查看次数：	32327 次
最近记录：	14 年，1 月前