php - 浏览器忽略/覆盖 CSS block

Question

所以我有两个样式 block :

._bordercols {

border-right-style: solid;
border-right: 1px solid #DCDCDC;
height: 35px !important;
border-bottom-style: solid;
border-bottom: 1px solid #DCDCDC;
color: #3f8bbf !important;
}

._display_title {

text-overflow: hidden !important; 
white-space: nowrap !important; 
overflow: hidden !important;

}

现在我这样调用它们:

<?php     
printf(" <div class='row entrystyle ".$css_class."'>
                                    <div class='col-sm-1 _bordercols' style='color: #397dad;'>%s</div>
                                    <div class='col-sm-1 _bordercols' style='color: #397dad;'>%s</div>
                                    <div class='col-sm-2 _bordercols'><a href='./index.php'><center>%s</a></div>
                                    <div class='col-sm-6 _bordercols _display_title'>%s</div>
                                    <div class='col-sm-2 _bordercols'><center><b>%s</b></div>
                                </div>", $row['blah1'], $row['blah2'], $row['blah3'], $row['blah4'], $row['blah5']);

                    }
?>

当我这样做时，我想要格式化的 div 没有任何反应。如果我将此样式作为内联样式属性添加到 div，那么它会像我需要的那样工作。在 Chrome 检查器中，它甚至没有将 _display_title 列为渲染类，但它确实列出了 _bordercols。

Answer 1

你用错了这个属性

text-overflow: hidden !important;

应该是这样的

• clip 默认值。剪辑文本

• ellipsis 渲染一个省略号(“...”)来表示被剪裁的文本

• string 渲染给定的字符串以表示剪切的文本

• initial 将此属性设置为其默认值。

• inherit 从其父元素继承此属性。

因此您可以使用text-overflow: clip or ellipsis or string or initial or inherit。

希望对你有帮助。