Question

这是一个非常奇怪的效果。我创建了一个包含两行的表。第二行以某种方式神奇地向右移动1个单元格。 Try it。

 var playTimer = Timer.scheduledTimer(timeInterval: 5.0, target: self, selector: #selector(autoplay), userInfo: nil, repeats: true)


func autoplay() {
    if indexImagenes == imagenes.count {
        indexImagenes = 0
    }
    escaparate.image = NSImage(named: imagenes[indexImagenes])
    indexImagenes += 1
}

为什么会出现这种效果？我该如何删除它？

Answer 1

类.row在引导程序中有一个特殊的定义 - 你不应该将它用于表行。使用此类，可以使用以下设置将伪元素添加到元素中：

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
    display: table;
    content: " ";
}

这会在常规表中产生冲突。

因此，只需删除tr标记中的“行”类以避免这种情况（例如，如果需要，请使用具有其他名称的类）。

Bootstrap表行偏移量

1 个答案: