無表搜索結果

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