Question

我有三条<代码><div>集装箱,我希望将其与一张放在屏幕左边,一个位于中间,一个位于右边。集装箱之间有同等空间。

我如何能够这样做?

Answer 1

有若干办法可以这样做,有浮动或排位。桌子支持者和浮标者之间有一些神圣的战争。我略微倾向于排位,但两者都有其优点。表格的回答:

<table style="table-layout:fixed;width:100%">
  <colgroup><col style="width:33%"/><col style="width:33%"/><col style="width:33%"/></colgroup>
  <tr>
    <td style="vertical-align:top">        
      <div style="border:1px solid red">
        column one with some long text that should wrap but still keep the column at 33%
      </div>
    </td>
    <td style="vertical-align:top">
      <div style="border:1px solid green">
        column two
      </div>
    </td>
    <td style="vertical-align:top">
      <div style="border:1px solid blue">
        column three
      </div>
    </td>
  </tr>
</table>

Here s an example: http://jsbin.com/axojo

Answer 2

960套电离层系统有单体强但灵活的系统,可以生成固定或流利的栏目。它确实鼓励对我个人喜欢的ty忙采取模块化的做法。我通常不使用从盒子中产生的东西,但我修改了它。

http://960.gs/ rel=“nofollow noreferrer”

一栏和三栏:

。

当然,与亚霍·格里德建筑商一样,还有许多重要的替代办法:

http://developer.yahoo.com/yui/grids/builder/

友情链接