无表搜索结果

Question

我正在php中实现搜索页面。 我需要表现出像下面的图片

结果我如何能达到这种使用CSS设计的。我希望它是一个流动的设计，使用百分比来增加一个交替的行颜色。

另外让我知道如何限制一列不超过50个单词。完整的细节将通过每行的超链接提供。

Answer 1

这是使用表格的理想情况。

不要只假设“无表设计比表设计更好”，表格是用于表格数据，并且您的设计非常适合。

关于奇/偶行着色，如果您定位的现代浏览器，使用以下规则：如果你的目标还有旧的浏览器

table tr:nth-child(even) { background-color: #c0ffee; } 
table tr:nth-child(odd) { background-color: #123456; } 

，你可以使用JavaScript的是，JQuery的进来得心应手：

$('table tr:even').css('background-color: #123456'); 

或者在您的服务器端代码中手动添加类。

关于行中字符数/字数的限制，通常在服务器端完成。如果你使用像Smarty这样的模板引擎，那么你很可能有这样的功能，但这也不是一件大事。

Answer 2

1.）这是一个表，为什么不使用表？ 2.）给每个行一个div，并在div内使浮动div与固定。 3.）看到这个例子：http://www.bernzilla.com/design/tables/table.html