表行/单元格之间的不需要的空间,持续532次

时间:2015-12-09 22:11:59

标签: html css

桌子再次打败了我。

我在这里非常简单:

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    let currentUserId = NSUserDefaults.standardUserDefaults().stringForKey("userId")

    let currentPlacesUserId = places[indexPath.row]["userID"]

        if  currentPlacesUserId == currentUserId {

            let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath)

            cell.textLabel!.text = places[indexPath.row]["name"]
            cell.detailTextLabel?.text = places[indexPath.row]["issue"]

            return cell
        } else{
             return nil
        }
}

小提琴: http://jsfiddle.net/ohys4x2o/

我认为我已经在代码中添加了太多样式,例如<table style="width: 200px; margin: 20px auto; border-collapse: collapse; border-spacing: 0; border: none;"> <tr style="margin: 0; padding: 0; border: none; border-collapse: collapse;"> <td style="margin: 0; padding: 0; border: none; border-collapse: collapse;"> <img src="http://breadedcat.com/wp-content/uploads/2012/02/cat-breading-tutorial-004.jpg" alt="" style="width: 100%;"> </td> </tr> <tr style="background-color: grey; margin: 0; padding: 0; border: none; border-collapse: collapse;"> <td style="margin: 0; padding: 0; border: none; border-collapse: collapse;">Hehehehehehe</td> </tr> </table> 等等 - 但仍然在带有cat的行与之间有一个不需要的空间灰色的&#34; Hehehe&#34;文本。

表大师欢迎。请帮忙。请。那些桌子......他们......杀了我......

2 个答案:

答案 0 :(得分:2)

将图像上的垂直对齐设置为顶部:

img {
  vertical-align:top;
}

<强> jsFiddle example

默认情况下,它设置为基线并为下降文本元素(例如g,y,j)保留空间

答案 1 :(得分:2)

问题是图像,而不是表格。与this other question类似,图像包含额外的像素,因为它是一个&#34;内联块&#34;元件。如果你添加&#34; display:block&#34;它将删除空间。