如何用一个div模拟具有多个列的html表行？

我正在制作一个网页，将数据库中的数据放在一个表格中。每行有3列。我希望每一行都是可点击的，但是这是不可能的，因为您不能用锚点封装一个表行。有一些解决方案，但我想跳过这些技巧，使用div作为行。在每个div中，我可以将三个浮动的内联块div作为列，以获得相同的结果。但是在这个例子中有没有一种方法可以避免3个类似于列的div呢？每行只有一个div，其中有3个文本部分（实际上是列）垂直对齐，就像在普通html表中一样？我拼命地在PHP中尝试str_pad，它解决了另一个问题。

Mehmed， 试试这个

[HTML]

<div id="row1" class="rows">
 <div class="cols col1"></div>
 <div class="cols col2"></div>
 <div class="cols col3"></div>
 <div class="cleaner"></div>
</div><!--end row1-->

<div id="row2" class="rows rowsAlt">
 <div class="col1"></div>
 <div class="col2"></div>
 <div class="col3"></div>
 <div class="cleaner"></div>
</div><!--end row2-->

然后在JQuery中，您只需在rows类上执行一次单击事件，并获取它的ID以遍历它的子元素。这使得整行都可以单击。如果您愿意，也可以对这些列进行一些处理

[JQuery]

$('.rows').live("click", function(){ 
  var thisID = $(this).attr('id');

  alert(thisID);
  //now that you have the id, you can traverse that specific row
});

---

这对你来说应该是一个好的开始，Mehmed…

恐怕你的要求违背了div的目的。有3个浮动div有什么不对？嗯，我的主要目标是简单。这只是一个简单的三部分文本，我只是想知道是否有办法。我认为这是不可能的，因为每个字符都有不同的宽度，它们不是单空格…有时候你应该使用表格。这看起来像其中的一个。不能将整个表行放在锚点中。这是一个缺点，我不喜欢。不过，我将继续使用table和js&css技巧。

$('.rows').live("click", function(){ 
  var thisID = $(this).attr('id');

  alert(thisID);
  //now that you have the id, you can traverse that specific row
});