名称很长时,表格没有正确样式

时间:2011-06-07 20:25:27

标签: html css xhtml

我在网站上设置表格样式时遇到问题。查看my site,如果你搜索“Rochester,mn”,向下滚动,你可以看到,如果名字很长,就像Tilson的汽车和固特异的情况一样,它会低于图像。我宁愿让文本换行也不要让整个东西掉到图像下方。谁知道我怎么解决这个问题?它出现在Chrome和Firefox上。

3 个答案:

答案 0 :(得分:1)

<a>标签上的最大宽度设置为机械师的最大宽度(大约175px)。

答案 1 :(得分:0)

您可以通过删除以下位置的float:left来解决此问题:

  • #results table tbody tr td div
  • #results table tbody tr td:first-child span
  • #results table tbody tr td a
  • #results table tbody tr td div.mechanicDiv

要将span移动到自己的行,您可以添加display:block

答案 2 :(得分:0)

#results table tbody tr td div.mechanicDiv {
    float: left;
    margin-left: 10px;
    width: 184px;
}

184px是我找到的最大宽度。