如何拆分div?

时间:2010-02-06 08:23:59

标签: html

如何将div分成两行,这样我就可以添加两个网格!我正在使用的网格是TMS。

5 个答案:

答案 0 :(得分:1)

这个问题并不是很清楚,但如果我正确地读你,最简单的方法就是在你的div里放两个div。所以而不是:

<div><!-- grid stuff here --></div>
你会这样做:

<div>
    <div><!-- stuff for first grid here --></div>
    <div><!-- stuff for second grid here --></div>
</div>

答案 1 :(得分:1)

divs并不像那样(分成行和列)。如果你有一个div,只需将两个网格放在里面。

 <div>
      <control1/>
      <control2/>
 </div>

如果你需要在它们之间添加一个换行符,可以将control2的样式设置为断开的东西(“float:left; clear:left”)或者在它们之间添加一个

修改

回应您对其他答案的评论

  

好的,我实际上想要一个div中的两个网格,我的意思是右边的一个网格,左边的另一个网格

我怀疑你的意思是你想要2列,而不是2行。

  |<--  column -->|<-- column -->|
  +---------------+--------------+ 
  |               |              |  ^
  |               |              | row
  |               |              |  v
  +---------------+--------------+

在这种情况下,有几种方法可以处理对齐。一种方法是浮动两个控件 -

<div>
    <control1 style='float:left' />
    <control2 style='float:left' />
</div>

你也可以使用内联块,可能会有更好的结果,但这需要一些摆弄。有关使用内联块

对齐元素的论文,请参阅this link

答案 2 :(得分:1)

我找到了你问题的最佳解决方案。最好的方法是将div放在主div内。

示例:

<div align="left"><div style="float:left">hello</div><div style="float:left">bye</div></div>

答案 3 :(得分:0)

将两个子<div>元素添加到要分割的<div>

答案 4 :(得分:0)

肯定这些链接会帮助你 http://methvin.com/splitter/index.html http://stackoverflow.com/questions/10141040/jquery-splitter-change-to-vertical-splitter-on-button-click http://methvin.com/splitter/hsplitter.html 欢呼声