我更改了分数,在页面上订购如下:
1 2 3 1 2 3
4 4 5 6
7 7 8 9
测试过之后,它会工作 更好的电话簿风格,像这样:
1 4 7
2. 2 5 8
3 3 6 9
是否有容易/css的方式这样做?
鉴于您正在寻找 CSS3 解决方案, 为什么不简单地使用 column-count :
body {
-webkit-column-count: 3;
-o-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
column-count: 3;
}
.box {
width: 4em;
height: 4em;
line-height: 4em;
counter-increment: box;
}
参考文献:
You can try using a jquery columnizer plugin. I ve used jquery.columnizer with success several times: http://welcome.totheinter.net/columnizer-jquery-plugin/
您可以在 Css 中使用网格布局来订购它们, 并让它们浮动, 并使用其中的一种方法来生成它
你可以尝试做这样的事情 - < a href=""http://jsfidle.net/HKxUf/" rel="nofollow" >http://jsfidle.net/HKxUf/
创建三列, 由带有一个 col 类的 div s 组成。 在此处的 apropiate div s 。
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....
I have a div <div id="masterdiv"> which has several child <div>s. Example: <div id="masterdiv"> <div id="childdiv1" /> <div id="childdiv2" /> <div id="...
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. ...
<form><input type="file" name="first" onchange="jsFunction(2);"> <input type="file" name="second" onchange="jsFunction(3);"</form> Possible to pass just numbers to the js ...
So I ve got a menu with a hover/selected state and it loads fine in IE6/IE7. However when I scroll down the page and put the element outside of the viewport and then back in I get a broken image! I ...
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 ...
Is it possible to reload a form after file-input change? I have a form where the user can chose an image for upload. I also have a php script which displays that image resized. I only wonder if it ...
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!