如何实现一行显示多列记录,如合拍网的黄页那样错落有致的显示记录

问题描述

地址:http://hepaimusic.com/yellow_pages想实现这样错落有致的显示记录,ror新人求教。 问题补充:suziwen 写道

解决方案

其实你用DOM查看器就可以很清楚的知道他是怎么布局的他其实就是三个大的DIV在一列,然后每个DIV里再放小的DIV用于存放一个介绍的也就是<div align="left"><div>人人物介绍1</div><div>人人物介绍4</div><div>人人物介绍7</div></div><div align="center"><div>人人物介绍2</div><div>人人物介绍5</div><div>人人物介绍8</div></div><div align="right"><div>人人物介绍3</div><div>人人物介绍6</div><div>人人物介绍9</div></div>这样子就错落有致了然后加上些CSS的美化,就跟你给的那个网站差不多了
解决方案二:
没明白你这的意思引用恩,样式我看过了,那样好像有个问题,我用的group %w(1 2 3 4 5 6 7).in_groups_of(3) {|group| p group} ["1", "2", "3"] ["4", "5", "6"] ["7", nil, nil] 想这样的group怎么获取其中的某一组?
解决方案三:
不好意思,忙了点,一直没再看你的回复了,搞定了?
解决方案四:
引用CSS & ruby的in_groups_of方法已经解决现在还需要处理什么
解决方案五:
html+ css布局

时间: 2024-10-27 14:21:14

如何实现一行显示多列记录,如合拍网的黄页那样错落有致的显示记录的相关文章

android recyclerview一行显示一列,下一行显示三列 ,求大神指导这个怎么写???

问题描述 android recyclerview一行显示一列,下一行显示三列 ,求大神指导这个怎么写??? 如题~~~~想了很久 ,没有思路,求大神指导~~~~~~~~!! 解决方案 这个是布局问题,做个判断就可以了

Excel 2007中隐藏或显示行和列的方法汇总

Excel 2007中,可以使用"隐藏"命令隐藏行或列,将行高或列宽更改为 0(零)时,也可以隐藏行或列.使用"取消隐藏"命令可以使其再次显示. 隐藏行或列 1.选择要隐藏的行或列. 如何选择单元格.区域.行或列 选择操作 一个单元格:单击该单元格或按箭头键,移至该单元格. 单元格区域:单击该区域中的第一个单元格,然后拖至最后一个单元格,或者在按住 Shift 的同时按箭头键以扩展选定区域. 也可以选择该区域中的第一个单元格,然后按 F8,使用箭头键扩展选定区域.要

Excel2007中隐藏或显示行和列的方法

  Excel 2007中,可以使用"隐藏"命令隐藏行或列,将行高或列宽更改为 0(零)时,也可以隐藏行或列.使用"取消隐藏"命令可以使其再次显示. 隐藏行或列 1.选择要隐藏的行或列. 如何选择单元格.区域.行或列 选择 操作 一个单元格单击该单元格或按箭头键,移至该单元格. 单元格区域单击该区域中的第一个单元格,然后拖至最后一个单元格,或者在按住 Shift 的同时按箭头键以扩展选定区域. 也可以选择该区域中的第一个单元格,然后按 F8,使用箭头键扩展选定区域.

DevExpress.XtraGrid.GridControl 显示图片列 不是从数据库读取 而是一个path 或者image

问题描述 DevExpress.XtraGrid.GridControl显示图片列不是从数据库读取而是一个path或者image谁做过呀 解决方案 解决方案二:在GridControl中RunDesigner,点击左侧的Columns选项卡,并新建一列,在该列的ColumnEdit中选择New->ImgEdit,然后可以在打包好的资源里选择显示的图片,或在计算机上选择图片加进来.解决方案三:引用1楼royal1的回复: 在GridControl中RunDesigner,点击左侧的Columns选

如何用jquery去对表格的每一行每一列的数值进行求和

问题描述 如何用jquery去对表格的每一行每一列的数值进行求和 修改一个单元格的数值,表格最后一行,最后一列显示的加和也随之改变 解决方案 通过dom关系获取tr后进行计算赋值 var ipts ; $('#tb input').not('[readonly]').change(function () { var sum = 0, v; $('#tb tr').each(function () { ipts = $(this).find('input'); v = (parseFloat(ip

Repeater的FooterTemplate显示某列总计思路与代码_实用技巧

练习一个小功能,在Repeater的FooterTemplate显示某列总计,参考下图最底Highlight一行. Hightlight一行,前五列有合并.最后两列中,一列显示"Total" ,一列显示总计,文本右对齐.结合下图来参考: 接下来是.cs的程序:

数据库中的记录,如何用上一条下一条显示(一)

数据|数据库|显示 若要让RecordSet移动到上一条下一条的位置,让我们先学会以下RecordSet对象的属性和方法: BOF属性:当前游标指到RecordSet的第一条记录. EOF属性:当前游标指到RecordSet的最后一条记录. Move方法:移动游标到RecordSet中的某一个记录. AbsolutePosition属性:当前游标在RecordSet中的位置. bookmark(书签)属性:对RecordSet的一条记录做一个记号. 详细介绍如下: BOF与EOF属性 可以编写程

jquery获取被勾选的checked(选中)的那一行的3列和4列的值

大家可能会遇到这种需求通过jquery获取被勾选的checked的那一行的3列和4列的值,具体的实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助   复制代码 代码如下: //检测有没有被勾选 function checkboxs(){ var fkfs=""; var zhanghu=""; var money=""; var sta=true; $("#thetable tr").each(function(){ v

批量修改WPS或excel表格一行或一列数据

比如我们做好一个表格,填好了数据,现在想修改其中的一列或者一行,例如:想在A列原来的数据的基础上减10,不要告诉我你是一个一个地修改哦,数据少了还可以,数据多了那就累死了很麻烦,那么如何批量修改一行或者一列的数据呢? 1.第一步: 在想要修改的列(假设为A列)的旁边,插入一个临时的新列(为B列),并在B列的第一个单元格(B1)里输入"10". 2.把鼠标放在B1的右下角,待其变成 十字形 并按住 "ctrl" 住下拉直到所需的数据长度,此时B列所有的数据都为10.