Question

所以我有两个样式块：

._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;

应该是这样的

剪辑默认值。剪辑文字
省略号渲染省略号（“...”）以表示剪辑的文字
string 呈现给定字符串以表示剪辑文字
initial 将此属性设置为其默认值。
inherit 从其父元素继承此属性。

因此，您可以使用文字溢出： clip or ellipsis or string or initial or inherit。

希望它会对你有所帮助。

浏览器忽略/覆盖CSS块

1 个答案: