English 中文(简体)
将1栏改为2
原标题:Turning 1 column into 2
  • 时间:2012-04-16 19:14:11
  •  标签:
  • html
  • css

我陷入了一个问题,我只给一个有大约10个iv的集装箱。 我想找到一种办法,把这1列四栏改为2栏,而不增加零件(例如,不增加左栏或右栏的零件)。 我能够而且最希望找到一个中心解决办法。

<div class="container">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
</div>

理想产出:

1      2
3      4
5      6

我试图用浮体进行冷却,但却做得不好。 让我知道。 感谢!

最佳回答

同此,http://jsfiddle.net/Qzj2d/ ? 这是最简单的解决办法(不需要先令解决办法)。

问题回答

• 装上下半个集装箱,并漂浮。 e.g.

.container { width:600px;}

.container div {
   width:300px;
   float:left;
}

工作实例:

i 知道,更合适的解决办法已经放在这里,而且我将要提出的提议缺乏支持,但你可以将任何四分之四与使用新的ccs3栏和单项财产的栏目分开。

这里可以看到:

rel=“nofollow” http://www.quirksmode.org/cs/multicolumn.html

我感到非常失望的是,对这一点的支持如此之少,因为这些特性将允许真正的印刷型布局,如果得到支持,我们就不必明确:使我们的父母四分五裂和儿童四分五裂正确一致。 i 知道,我在这里打开了驱虫灯,但迄今为止这是最佳选择。

我听到这么多人问一栏布局,为什么不支持我们为什么不能使用已经没有的技术? 进入者的生活





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签